几张图带你读懂echart的stack（堆叠属性）

我们拿折线图的例子来展开讲解：

很多人会发出这样子的疑问：为什么设置了stack属性之后，折线图渲染出来y轴的值对应不上？

在不理解的情况下会认为这是一个bug，其实不是bug。堆叠，顾名思义就是一层层堆起来。下面用几张图带你理解堆叠折线图渲染对应的y轴的值是怎么计算的（请按照图片的顺序进行理解）：

1，首先要先了解折线图渲染的顺序：

2，其次，我们用具体的值分析一下：

渲染周一：

渲染周二：

堆叠有它自己存在的意义，只是我们很少业务场景会用到它，理解了它的y轴值的计算方式，那么我们就知道了它不是一个bug。类似记录总收入那样子的应用场景，我们就可以使用堆叠。