echarts折线图不堆叠设置

男娘i 2021-07-26 21:27 872阅读 0赞

折线图堆叠的重要参数stack。只要将stack的值设置不相同，就不会堆叠了。实例如下，红色部分为需要修改的：
     
    option = {
        title: {
            text: '折线图堆叠'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: false
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        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]
            }
        ]
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，872人围观）

还没有评论，来说两句吧...

相关阅读

相关 Echarts：10-7-2:堆叠柱状图+堆叠条形图（多类别堆叠+最大最小值）

option = { title: { text: '柱状堆叠图' }, tooltip: {

以你之姓@/ 2022年12月12日 13:50/ 0 赞/ 506 阅读

相关 Echarts：10-5-1:堆叠区域图

10月5日星期一晴今天，继续为比赛好好准备加油呀，学习echarts的堆叠区域图，万事开头难，但是不能退缩呀www option = { ti

亦凉/ 2022年12月12日 02:27/ 0 赞/ 198 阅读

相关 echarts 堆叠都从底部开始计算

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

- 日理万妓/ 2022年12月09日 02:00/ 0 赞/ 150 阅读

相关 echarts折线图

记录echarts折现图配置我们先来看看效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

拼搏现实的明天。/ 2022年11月18日 13:44/ 0 赞/ 291 阅读

相关 Echarts数据可视化：图表篇（2）—— 折线图、堆叠面积折线图

[项目地址][Link 1] 介绍折线图是用折线将各个数据点连接起来的图表，一般用于展示数据变化的趋势。区域图则是在折线图的基础上，将指定的区域填充上颜色

迷南。/ 2022年10月01日 05:56/ 0 赞/ 1561 阅读

相关 echarts 重叠而不堆叠

on绑定响应事件 //点击事件 daysChart.on('click', function (param) { loadOneDay(pa

太过爱你忘了你带给我的痛/ 2022年04月23日 05:22/ 0 赞/ 437 阅读

相关 echarts折线图

效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0J

我不是女神ヾ/ 2022年04月18日 04:09/ 0 赞/ 373 阅读

相关折线图堆叠

<template>  <div id="main" :style="{

骑猪看日落/ 2022年03月09日 16:42/ 0 赞/ 331 阅读

相关 echarts堆叠和平铺

echarts堆叠和平铺的设置数据堆叠，同个类目轴上系列配置相同的stack值后，后一个系列的值会在前一个系列的值上相加。方法：设置series下面的 stack 即可

清疚/ 2022年02月05日 06:55/ 0 赞/ 391 阅读

相关 echarts折线图不堆叠设置

折线图堆叠的重要参数stack。只要将stack的值设置不相同，就不会堆叠了。实例如下，红色部分为需要修改的： option = {

男娘i/ 2021年07月26日 21:27/ 0 赞/ 873 阅读