用Echarts绘制折线图-----堆积面积图和堆积折线图

堆积折线图的作用是用于显示每一数据所占大小随时间或有序类别而变化的趋势，展示的是部分与整体的关系。 堆积面积图是在折线图中添加面积图，属于组合图形中的一种。堆积面积图又被称为堆积区域图，它强调数量随时间而变化的趋势，用于引起人们对总值趋势的注意。与堆积折线图不同，堆积面积图可以更好地显示有很多类别或数值近似的数据。 在ECharts中，实现堆积的重要参数为stack。只要将stack的值设置为相同，两组就会堆积；相反，若将stack的值设置为不相同，则不会堆积。

利用某商城一周内电子产品的销量数据绘制堆积面积图，如图所示。 由堆积面积图可知，从下往上看，第2条线的数值=本身的数值+第1条线的数值，第3条线的数值=第2条线图上的数值+本身的数值，依此类推。以周三的数据为例，堆叠面积图实际显示的是：手机=456，冰箱=456+391=847，空调=847+331=1178，电视=1178+333=1511，其他=1511+432=1943。

如果需要实现堆积折线图（Stacked Line Chart），那么只需要在堆积面积图代码中，注释掉series中的每组数据中areaStyle所在的代码行即可，如//areaStyle:{}。堆积折线图的效果如图所示。