EChart 3.0 設定Y軸反轉
阿新 • • 發佈:2019-01-02
注意: 這是3.0以後新加的屬性!
EChart 設定Y軸反轉,只需要將 yAxis 的 inverse 設為 true 即可:
yAxis : [
{
inverse:true,
type : 'value'
}
]
效果是這樣滴:
X 軸會在上面顯示,而 X 軸的資料會在下面顯示,這樣通常比較醜,所有我們把 X 軸和刻度線都隱藏掉:
xAxis : [
{
type : 'category',
axisLine:{ // 隱藏X軸
show: false
},
axisTick:{ // 隱藏刻度線
show: false
},
boundaryGap : false,
data : ['週一','週二','週三','週四','週五','週六']
}
]
最終效果是這樣滴: