echarts双Y轴三折线图

最新推荐文章于 2024-07-03 14:52:28 发布

PG_码农

最新推荐文章于 2024-07-03 14:52:28 发布

阅读量969

点赞数

分类专栏： echarts 文章标签： echarts 折线图双Y轴

本文链接：https://blog.csdn.net/it_zhang_PG/article/details/81259346

版权

本文详细介绍了如何使用Echarts库创建一个包含双Y轴的三折线图，通过示例代码展示了具体实现过程，并给出了最终图表的展示效果。

摘要由CSDN通过智能技术生成

代码：

var option = {
    title : {
        text: title,
        subtext: subTitle
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:['注册量','预购','成交']
        data:dataName
    },
    toolbox: {
         show : true,
         feature : {
            mark : {show: true},
             dataView : {show: true, readOnly: false},
             magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
             restore : {show: true},
             saveAsImage : {show: true}
         }
     },
     calculable : true,
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : ['周一','周二','周三','周四','周五','周六','周日']
        
        }
    ],
    yAxis : [
        {
            type: 'value',
            name: '注册量',
            min: 0,