echart 双折线双Y轴，折线，柱形双Y轴图

最新推荐文章于 2024-07-09 15:50:11 发布

拿我格子衫来

最新推荐文章于 2024-07-09 15:50:11 发布

阅读量4k

点赞数 1

分类专栏：前端开发

本文链接：https://blog.csdn.net/github_35631540/article/details/106606317

版权

前端开发专栏收录该内容

295 篇文章 34 订阅

订阅专栏

双折线图双Y轴双坐标系坐标

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: [
        {name: '数值',type: 'value', interval: 300, position:'left'},
        {type: 'value',
        position:'right',
        name:'百分百',
         axisLabel: {
            formatter: '{value} %'
         }
        }
    ],
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    },{
        data: [100, 200, 300, 400, 500, 600, 700],
        type: 'line',
        yAxisIndex: 1
    }]
};

双Y轴，折线柱形图