最近在項(xiàng)目中需要用echarts的柱狀圖實(shí)現(xiàn)一個(gè)效果娶耍,當(dāng)值高于平均值時(shí),柱子在x軸的上面饼酿,反之榕酒,當(dāng)值低于平均值時(shí),柱子在x軸的下面嗜湃,但是找了一圈也沒(méi)發(fā)現(xiàn)修改柱狀圖奈应,正負(fù)條形圖的API,所以突發(fā)奇想购披,可以修改y軸的刻度跟渲染的值來(lái)實(shí)現(xiàn)
修改之前
修改之后
具體修改方法就是把Y軸的刻度都加上你設(shè)定的標(biāo)準(zhǔn)值
在option里修改yAxis
yAxis: {
axisLabel: {
formatter: function (val) {
return val + 60
}
}
},
現(xiàn)在看起來(lái)就是以平均值為標(biāo)準(zhǔn)劃分上下的了
修改Y軸刻度值以后還需要對(duì)渲染柱狀圖的數(shù)據(jù)整體進(jìn)行處理,具體根據(jù)自己實(shí)際情況來(lái)更改