第45页，共137页。 显示 1,365 条结果 (0.021 秒)
Echarts图形-扩展属性：自助仪表盘柱图柱子设置渐变色
（本文档仅供参考） 问题 自助仪表盘柱图上想要柱子的颜色实现渐变的效果，如下截图 image2021-8-24_18-12-52.png 解决方案 具体请参考如下扩展属性： { "series": [{ "itemStyle": { "normal": { "color": { "x": 0, "y": 0, "x2": 0, "y2": 1, "Echarts图形-扩展属性：横条图数据项标签负值显示为正数
（此文档仅供参考） 问题 横条图原始数据项标签如下截图，希望左边的数据项标签显示为正值： image2022-2-9_16-51-59.png 解决方案 可以参考以下扩展属性去实现： { "series": [{},{ "label": { "normal": { "show": true, "textStyle": { }, "formatter": "function(params){return params.value[0]*-1;}"Echarts图形-扩展属性：Y轴刻度标签与轴线之间的距离
（本文档仅供参考） 问题 如何调整y轴的标签值距离轴线向左偏移？ worddav0b0d24883355eed55d709a260164dbf2.png 解决方案 可以写扩展属性实现： { "yAxis": { "axisLabel": { "margin": 20, //刻度标签与轴线之间的距离。 "left": -8, //整个echart位置 "textStyle": { "align": "left" } } } } 最终效果： worddave561b3233e37e8a4c3d641cf102b3247.pngEcharts图形-扩展属性：y轴刻度线为负值的数值显示为红色
（本文档仅供参考） 问题描述 如下图，y轴刻度线为负值，字体颜色显示为红色：-100,000，怎么实现这个效果？ 1A7D1C72C4544DCE(04-26-11-40-08).png 解决方案 可使用如下扩展属性实现效果： { "yAxis": { "axisLabel": { "textStyle": { "color": "function(value,index){ return value>=0 ? '#474140':'red' }" }Echarts图形-扩展属性：坐标轴设置为百分比显示
（本文档仅供参考） 问题 自助仪表盘中希望坐标轴设置为百分比显示 解决方案 具体请参考如下扩展属性： "formatter": "function(value){ debugger; return (value*100).toFixed(2)+'%'}" 添加位置如下： 1.png 设置前后对比图： 2.png 问题 电子表格、仪表分析中希望坐标轴设置为百分比显示 { "yAxis": { "axisLabel": { "formatter": "function(value){ debugger; return (value*100).toFixed(2)+'%'}"Echarts图形-扩展属性：散点图X轴刻度最值设置
（此文档仅供参考） 问题 使用散点图时，由于数据分布的原因，导致X轴前部分留白比较大，请问，有什么方法可以像设置Y轴【最小刻度、最大刻度】 那样，来对X轴进行刻度设置？ image2017-6-15 17_36_57.png 实现方案 可以用以下扩展属性实现： { "xAxis": { "min": 10 } } 对X轴刻度值的最大值和最小值设置可使用如下扩展属性： { "xAxis": {Echarts图形-扩展属性：X轴坐标轴名称与轴线之间的距离调整
（此文档仅供参考） 问题 希望调整x轴坐标轴名称与轴线的距离，避免重叠，如下图 image2021-11-3_11-29-30.png 实现方案 可以用以下扩展属性实现：（具体值设置大小可结合实际调整） { "xAxis": { "nameGap": 30 } } image2021-11-3_11-32-12.pngEcharts图形-扩展属性：X轴多个维度时只保留一个显示
（此文档仅供参考） 问题 X轴多个维度时只保留一个显示 image2022-5-30_15-46-24.png 实现方案 可以用以下扩展属性实现： { "xAxis": { "axisLabel": { "formatter": "function(value){ return value.split('_')[0] }" } } } 多个维度的时候标签以 '_' 进行拼接，因此可以通过split实现分割，[0]指的是分割后的第一个标签，[1]就是分割后的第二个 image2022-5-30_15-46-42.pngEcharts图形-扩展属性：设置x轴标签显示在坐标轴刻度中间
(本文档仅供参考) 问题 如何实现将x轴的标签值放在刻度中间的效果？ image2021-6-4_13-48-26.png 解决方案 可以写扩展属性实现： { "xAxis": { "axisTick": { "alignWithLabel": true } } }Echarts图形-扩展属性：调整Y轴刻度标签对数显示
（此文档仅供参考） 问题 如何echarts柱图调整Y轴刻度标签以对数模式展示，如10 100 1000 10000这种刻度？ 实现方案 可以用以下扩展属性实现： { yAxis: { type: 'log', min: 1, logBase: 10 } } 显示效果图： image2023-2-13_20-20-8.png
