遇到一個有點意思的需求扰路，記錄一下：
要根據(jù)排名上升配置顏色漸變
首先我們使用一般條形圖正常情況下會出來這個樣子
1533696083(1).png
然后我們發(fā)現(xiàn)一個問題倦蚪，正常情況下，排名是越高越好巍杈，應(yīng)該是第3名慢慢的往第1名提高的预厌，上面這個情況就不對了恩敌，感覺是是Y軸數(shù)據(jù)的問題渡紫，那我們使用inverse:true去設(shè)置一下Y軸數(shù)據(jù)端蛆，
yAxis: {
type: 'value',
inverse:true
}
得到這個樣子
1533696329(1).png
顯然這也不是我們想要的
那就不能使用inverse:true了凤粗，那我們有什么辦法去改變Y軸的數(shù)據(jù)顯示呢酥泛，接下來試一試Y軸axisLabel的formatter屬性今豆，通過這個axisLabel屬性去更改Y軸數(shù)值的顯示
yAxis: {
type: 'value',
axisLabel: {
formatter: (value, index) => {
return (3 - value)
}
}
}
得到的效果是這樣的
1533696526(1).png
這就跟我們預期的需求比較接近了，接下來就是進行一些簡單的調(diào)整就可以了
