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

最终效果是这样滴: