修改echarts正负坐标条形图的基准值

最近在项目中需要用echarts的柱状图实现一个效果,当值高于平均值时,柱子在x轴的上面,反之,当值低于平均值时,柱子在x轴的下面,但是找了一圈也没发现修改柱状图,正负条形图的API,所以突发奇想,可以修改y轴的刻度跟渲染的值来实现

修改之前


修改之前

修改之后


修改之后

具体修改方法就是把Y轴的刻度都加上你设定的标准值
在option里修改yAxis

yAxis: {
        axisLabel: {
            formatter: function (val) {
                return val + 60
            }
       }
},

现在看起来就是以平均值为标准划分上下的了

修改Y轴刻度值以后还需要对渲染柱状图的数据整体进行处理,具体根据自己实际情况来更改

你可能感兴趣的:(修改echarts正负坐标条形图的基准值)