echarts堆叠折线图

要创建堆叠折线图的ECharts图表，您可以按照以下步骤进行操作：

1. 首先，您需要引入ECharts库。您可以从ECharts的官方网站上下载并引入相应的JavaScript文件。参考链接提供了ECharts官方示例和手册，您可以在这里找到相关的文档和示例代码。

2. 在创建图表的HTML页面中，您需要创建一个具有指定宽度和高度的DOM容器。您可以使用div元素，并为其指定一个唯一的id。例如：

<div id="chart"></div>

3. 在JavaScript代码中，您需要使用ECharts的实例化方法创建一个图表实例。然后，您可以定义图表的配置项和数据。

4. 对于堆叠折线图，您可以通过配置项中的series属性来定义每个折线的数据和样式。在每个series对象中，您需要设置type属性为'line'，同时设置stack属性为所需的堆叠分组名称。例如：

series: [
{
type: 'line',
stack: '堆叠分组A',
data: [10, 20, 30, 40, 50]
},
{
type: 'line',
stack: '堆叠分组A',
data: [5, 15, 25, 35, 45]
}
]

5. 您可以根据需要添加更多的series对象来定义更多的折线。每个series对象都可以具有自己的堆叠分组名称，并且数据可以是一个数组，包含与x轴对应的数据点。

6. 最后，您需要将图表实例与DOM容器关联起来，并使用ECharts的setOption方法将配置项应用于图表实例：

var chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

这样，就可以创建一个堆叠折线图的ECharts图表。根据您的需求，您可以根据示例代码中的配置进行修改和定制。请注意，以上代码仅为示例，具体的配置和数据应根据您的实际情况进行调整。

ECharts 官方示例：https://echarts.apache.org/examples/zh/index.html 《手把手教你 ECharts 数据可视化详解》 目录
此时折线图并没有发生堆叠，那此时我们删除 stack 的配置 stack: 'Total'，此时折线图发生了改变
接下来就来讲解堆叠图表的重点 stack 配置，不过由于 stack 在折线图中可能没有柱状图这么明显，在此若不能很清楚含义的可以在之后讲到柱状图时再理解也可以。