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

最终效果是这样滴: