echarts折线图不堆叠设置

echarts折线图不堆叠设置_第1张图片

折线图堆叠的重要参数stack。只要将stack的值设置不相同,就不会堆叠了。实例如下:

option = {

    title: {

        text: '折线图堆叠'

    },

    tooltip: {

        trigger: 'axis'

    },

    legend: {

        data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']

    },

    grid: {

        left: '3%',

        right: '4%',

        bottom: '3%',

        containLabel: false

    },

    xAxis: {

        type: 'category',

        boundaryGap: false,

        data: ['周一','周二','周三','周四','周五','周六','周日']

    },

    yAxis: {

        type: 'value'

    },

    series: [

        {

            name:'邮件营销',

            type:'line',

            stack: '总量1',

            data:[120, 132, 101, 134, 90, 230, 210]

        },

        {

            name:'联盟广告',

            type:'line',

            stack: '总量2',

            data:[220, 182, 191, 234, 290, 330, 310]

        }

    ]

};

你可能感兴趣的:(echarts折线图不堆叠设置)