echarts折线图不堆叠设置

折线图堆叠的重要参数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]

        }

    ]

};

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。