e-charts堆叠折线图

eCharts是一个非常流行的JavaScript图表库，它支持多种图表类型，包括堆叠折线图。堆叠折线图是一种用于展示数据序列变化的图表，不同系列的数据会被堆积在一起，形成一条条折线。每条折线代表一个系列，总值会由各部分累加得出。例如，在财务报告中，你可以用堆叠折线图来显示每个部门的收入和支出随时间的变化。

在eCharts中创建堆叠折线图的步骤大致如下：
1. 引入ECharts库和所需的API模块（如`echarts.init`、`echarts.setOption`等）。
2. 创建一个图表实例并设置其大小。
3. 定义数据，并确定系列的颜色、标记点等属性。
4. 使用`setOption`方法配置选项，包括图形类型（`type: 'line'`）、堆叠模式（`stack: true`）以及数据（`series`数组）。
5. 渲染图表。

下面是一个简单的堆叠折线图配置示例：

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

// 堆叠折线图配置
var option = {
    title: {
        text: '堆叠折线图示例'
    },
    tooltip: {},
    legend: {
        data: ['销售额', '成本']
    },
    xAxis: {
        type: 'category',
        data: ['一月', '二月', '三月', '四月', '五月', '六月']
    },
    yAxis: {},
    series: [
        {
            name: '销售额',
            type: 'line',
            stack: '总量',
            data: [50, 60, 70, 80, 90, 100]
        },
        {
            name: '成本',
            type: 'line',
            stack: '总量',
            data: [40, 45, 43, 55, 50, 60]
        }
    ]
};

chart.setOption(option);