第62页，共192页。 显示 1,919 条结果 (0.086 秒)
Echarts扩展属性：堆积柱图标签为0时不显示
（本文档仅供参考） 问题： 堆积柱图显示标签的时候，如何让数据为0的标签不显示。 解决方案： 可参考如下扩展属性实现。 { series: [ { itemStyle: { normal: { label: { formatter: "function (params) {if (params.value[0] !== 0) {return params.value[0]; } else { return ''; } }" } } } }] }Echarts图形-扩展属性：y轴刻度线为负值的数值显示为红色
（本文档仅供参考） 问题描述 如下图，y轴刻度线为负值，字体颜色显示为红色：-100,000，怎么实现这个效果？ 1A7D1C72C4544DCE(04-26-11-40-08).png 解决方案 可使用如下扩展属性实现效果： { "yAxis": { "axisLabel": { "textStyle": { "color": "function(value,index){ return value>=0 ? '#474140':'redEcharts图形-扩展属性：X轴坐标轴名称与轴线之间的距离调整
（此文档仅供参考） 问题 希望调整x轴坐标轴名称与轴线的距离，避免重叠，如下图 image2021-11-3_11-29-30.png 实现方案 可以用以下扩展属性实现：（具体值设置大小可结合实际调整） { "xAxis": { "nameGap": 30 } } image2021-11-3_11-32-12.png x轴名称距离标线距离删除标签Echarts图形-扩展属性：如何自定义图形标题和图例位置
（本文档仅供参考） 问题 如何自定义图形标题和图例位置： QQ截图20181108101829.png 实现方案 可在图形中加扩展属性： { "legend": { "left": 300 }, "title": { "text": "标题", "padding": [20, 0, 0, 50], //上 右 下 左 } } padding属性具体说明可见Echarts官网：https://echarts.apache.org/zh/option.html#title.padding httpsEcharts图形-扩展属性：Y轴刻度标签与轴线之间的距离
（本文档仅供参考） 问题 如何调整y轴的标签值距离轴线向左偏移？ worddav0b0d24883355eed55d709a260164dbf2.png 解决方案 可以写扩展属性实现： { "yAxis": { "axisLabel": { "margin": 20, //刻度标签与轴线之间的距离。 "left": -8, //整个echart位置 "textStyle": { "align": "left" } } } } 最终效果： worddave561b3233e37e8a4c3d641cf102b3247.png 轴标签和轴线距离Echarts图形-扩展属性：图例分页按钮、文字自定义大小
(本文档仅供参考) 问题 如何实现自定义图例分页按钮、文字大小 2023-10-10_134301.png 解决方案 可参考以下扩展属性 option = { legend: { pageIconSize: 30, pageTextStyle: { fontSize: 15 } } } 2023-10-10_133834.png 相关属性具体见Echarts官网：https://echarts.apache.org/zh/option.html#legend.pageIconSize https://echarts.apache.org/zhEcharts图形-扩展属性：如何将echarts图形的数据标签往上调整
（本文档仅供参考） 问题 由于第三方插件原因，目前excel图形调整数据标签位置发布后是不生效的，若用echarts图形代替，如何将图形的数据标签往上调整？ excel数据标签.jpg 解决方案 具体请参考如下扩展属性 { "series": [{ "label": { "normal": { "position": "top", "distance": 30 } } }] } 调整数据标签位置.jpgEcharts图形-扩展属性：线图线条颜色，图例图标颜色及图例文字颜色
(本文档仅供参考) 问题 如何修改线图线条颜色、图例图标颜色及图例文字颜色？ image2021-6-3_18-11-46.png 解决方案 可以使用扩展属性实现 { "series": [{ //线条颜色设置 "lineStyle": { "normal": { "color": "black" } }, //图例中图标颜色设置 "color": "green" }, { "lineStyleEcharts图形-扩展属性：调整饼图图例文字间距
（本文档仅供参考） 问题： V10.5.8以上的仪表盘中，饼图图例显示内容可勾选分类、指标、占比，有的时候觉得图例的文字间距距离太远，希望调整间距。 image2023-11-10_18-17-17.pngimage2023-11-10_18-15-4.png 解决方案： 可参考如下扩展属性： { "legend": { "textStyle": { "rich": { "a": { "width": 3, "padding": [3,12,5,6] } } } } } 效果： image2023-11-10_18-16-48.pngEcharts图形-扩展属性：饼图环形图中如何调节视觉引导线长度
(本文档仅供参考) 说明 在产品饼图和环形图的配置项中可通过设置【数据项标签】来设置视觉引导线的显示，那么如何调节引导线的长度呢，如下图所示 image2021-8-30_14-57-28.png 解决方案 如需调节视觉引导线长度，可通过扩展属性来实现，如下 { "legend": { "align": "left" }, "series": [{ "labelLine": { "show": true, "length": 14, "length2": 80 }, }] }
