最近在项目中需要用echarts的柱状图实现一个效果,当值高于平均值时,柱子在x轴的上面,反之,当值低于平均值时,柱子在x轴的下面,但是找了一圈也没发现修改柱状图,正负条形图的API,所以突发奇想,可以修改y轴的刻度跟渲染的值来实现
修改之前
修改之后
具体修改方法就是把Y轴的刻度都加上你设定的标准值
在option里修改yAxis
yAxis: {
axisLabel: {
formatter: function (val) {
return val + 60
}
}
},
现在看起来就是以平均值为标准划分上下的了
修改Y轴刻度值以后还需要对渲染柱状图的数据整体进行处理,具体根据自己实际情况来更改