欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

echarts实现双y轴折线图 - 配置项

程序员文章站 2022-07-14 22:57:48
...

echarts实现双y轴折线图 - 配置项

let option = {
    xAxis: {
        type: 'time',
        axisLabel: {
            show: true,
        }
    },
    yAxis: [{
        type: 'value',
        position: 'left'
    }, {
        type: 'value',
        position: 'right'
    }],
    series: [{
        data: [['2016/12/18 6:38:08', 20], ['2016/12/18 8:38:08', 30]],
        type: 'line',
        yAxisIndex: 0,  // 通过这个判断左右
        smooth: true
    }, {
        data: [['2016/12/18 7:38:08', 20], ['2016/12/18 9:38:08', 90]],
        type: 'line',
        yAxisIndex: 1,
        smooth: true
    }]
};

实现效果:
echarts实现双y轴折线图 - 配置项

相关标签: 前端 js vue