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

最終效果是這樣滴: