1. 程式人生 > >EChart 3.0 設定Y軸反轉

EChart 3.0 設定Y軸反轉

注意: 這是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 : ['週一','週二','週三','週四','週五','週六'] } ]

最終效果是這樣滴:
這裡寫圖片描述