echarts双Y轴三折线图

原创

于 2018-07-28 11:55:06 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #折线图 #双Y轴

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

代码：

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,
            max: 250,
            position: 'left',
            axisLine: {
                lineStyle: {
                    color: colors[0]
                }