ECharts 折线图数据堆叠问题解决方法

数据堆叠即:

第2条数据值 = 第1条数据值 + 第2条数据值

第3条数据值 = 第2条数据值 + 第3条数据值

...

以此类推

部分代码及其图表如下:

var option={
        title: {
        text: '折线图'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer:{
            type:'cross',
        }
    },
    legend: {
        data:['富国','易方达','嘉实','南方','华夏']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}    //下载为图片
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: true,     //控制折线起点
        data: ['week1','week2','week3','week4'],
    },
    yAxis: {
        name:'数值',
        type: 'value',
        min:0,    // y轴刻度最小值
        max:2000,    // y轴刻度最大值
        splitNumber:10,   // y轴刻度间隔个数
    },
    series: [
        {
            name:'富国',
            type:'line',
            stack: '总量',
            data:[120, 132, 101, 134],
        },
        {
            name:'易方达',
            type:'line',
            stack: '总量',
            data:[220, 182, 191, 234],
        },
        {
            name:'嘉实',
            type:'line',
            stack: '总量',
            data:[150, 232, 201, 154],
        },
        {
            name:'南方',
            type:'line',
            stack: '总量',
            data:[320, 332, 301, 334],
        },
        {
            name:'华夏',
            type:'line',
            stack: '总量',
            data:[920, 932, 901, 934]
        }
    ]
    };

ECharts 折线图数据堆叠问题解决方法_第1张图片

由折线图可以看到,华夏的实际值为932,但在图表中的点值在1837左右,说明数据堆叠

解决方法:

去掉series中stack属性,或者将stack设置为不同的值

去掉stack属性后的图表,数值正常:

ECharts 折线图数据堆叠问题解决方法_第2张图片

 

你可能感兴趣的:(ECharts 折线图数据堆叠问题解决方法)