ECharts 折线图 数据倒序

版权声明：LT https://blog.csdn.net/LitongZero/article/details/86599493

ECharts 折线图 数据倒序

1、应用场景

1.后端返回数据，且对数据不好倒序时(比如时间反序)。

2.根据页面的按钮，变换X或Y的坐标轴数据。

2、解决方法

在option中添加 inverse:true

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        inverse:true
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

3、注意

翻转X坐标数据，inverse:true就加在xAxis中，

相反，翻转Y坐标，就加在yAxis中。

同时加，就是都翻转。

4、可在此界面进行试验

在线试验