第69页，共149页。 显示 1,487 条结果 (0.027 秒)
Echarts图形-扩展属性：柱子 - 并列柱图数据差异过大，导致数据柱子不显示
（本文仅供参考） 问题描述 图形中有并列柱图（多series系列，或者线图），存在不同series系列数据，其中由于不同系列中的数据差异过大，共用左轴，导致数据较小的系列数据在图形效果上，比如柱图的柱子基本上就不显示，如何优化，让系列数据比较小的显示。 解决方案 1、转换图形为双y轴联合图 image2023-9-18_10-56-33.png 2、在【组件设置】-【公共设置】-【自定义属性】中添加如下扩展属性： "series": [ { "name": "7",//数据中图形系列的名称，上图中两个系列名称为7、8，根据实际报表自行修改 "type": "bar", "stack": "totEcharts图形-扩展属性：x轴标签 - Echarts3D柱图Z轴0刻度（第一个刻度）不显示
（本文档仅供参考） 问题 想把这个0去掉 有办法么，设置了scale：true，不管用 image2018-11-15 17:56:0.png 解决方案 通过扩展属性将0标签的字体颜色设置为与底色一样（实际0还在，只是不明显了，仔细看还是能看出一点点）： { zAxis3D: { type: 'value', data: [{ value: 0, textStyle: { color: '#fff' }}] } } 实现效果： image2018-11-15 17:58:13.png 3d柱图第一个刻度值不显示Echarts图形-扩展属性：y轴标签 - Y轴刻度标签显示在横条图内侧
（本文档仅供参考） 问题 横条图如何调整y轴的标签值显示柱子内侧？ 解决方案 可以写扩展属性实现： option = { yAxis: { axisLabel: { inside: true }, z: 1000 } } 最终效果： image2025-3-18_10-12-46.png 刻度标签显示在柱子内Echarts图形-扩展属性：坐标轴 - 横条图坐标轴在右边显示
（本文档仅供参考） 问题 仪表盘横条图如何调整展示方向？如下: 横条图效果： image2023-11-30_17-55-4.png 想实现的横条图效果： image2023-11-30_17-56-44.png 解决方案 具体请参考如下扩展属性： { "xAxis": { "inverse":Echarts图形-扩展属性：数据标签 - 堆积柱图数据项标签居上被覆盖
（本文档仅供参考） 问题 堆积柱图数据项标签设置居上时部分标签被覆盖，悬停的时候才会出现 设置.png 设置前.png 解决方案 此问题为由第三方作图工具echarts的处理逻辑导致，可不设置数据项标签并使用以下扩展属性进行规避。 { "series": [{ "name": "销售额", "type": "bar", "stack": "总量", "barMaxWidth": 35, "barGap": "10%", "itemStyle": { "normal": { "color": "rgba(255,144,128,1)", "label": { "show": true, "textStyle":Echarts图形-扩展属性：缩略轴 - 仪表盘对比柱图设置缩略轴
（本文档仅供参考） （该扩展属性代码已验证适用于echarts 5.1.2版本。由于代码在特定场景下可能存在限制，如果与实际应用场景不完全匹配，请根据具体需求自行调整相关代码，以确保其满足实际使用要求。） 问题 v11中的对比柱图组件，如何添加缩略轴来实现数据滚动展示，不然内容有点多显示不全，同时调整柱子粗细便于浏览。 image2024-11-6_16-24-57.png 解决方案 对比柱图是通过3个Y轴实现的，可在对比柱图上加上以下扩展属性即可。 option = { "series": [{ "barWidth": 10 }, { "barWidth": 10 }], "datEcharts图形-扩展属性：进度条 - 单条进度条在电子表格中如何实现
（本文档仅供参考） 问题1 类似于这种进度条要怎么实现： image2021-7-13_16-4-18.png 解决方案 可通过下面的步骤实现进度条的效果： 步骤1：选择数据作图，如下图： https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1626151079621_o7998.png 步骤2：选择横条图，设置X轴Y轴，如下图： https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1626151158842_950m8.png 步骤3：XEcharts图形-扩展属性：柱子 - 调整仪表盘对比柱图左右柱子间距
（本文档仅供参考） 问题描述 如下图，V11仪表盘中使用对比柱图组件，有时候数据标签跟刻度标签靠的太近了，希望调整左右柱子的间距。 image2024-12-19_14-2-45.png 解决方案 由于对比柱图组件是定义了三个grid区域、三个x轴以及三个y轴，故调整左右柱子间隔可直接通过设置grid区域数组控制。 参考如下扩展属性： option = { grid: [{ "right": "53%" }, { "left": "53%" }, {}], } image2024-12-19_14-7-52.png 调整效果： image2024-12-19_14-8-17.pngEcharts图形-扩展属性：鼠标提示 - 柱图鼠标提示换行显示
（本文档仅供参考） 问题 如何实现柱图鼠标提示换行显示？ 解决方案 可以用以下扩展属性实现： { "tooltip": { "formatter": "function(a){ debugger;return a.seriesName+'</br>'+a.name+'</br>'+a.data.value[1]}" } } 效果图如下： image2018-11-5 14:39:56.png 鼠标提示换行Echarts图形-扩展属性：鼠标提示 - 柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变，270deg从左往右渐变色，#19263B，#FF0000分别为渐变的颜色 } } 鼠标提示框背景渐变
