echarts多个图表堆叠

对于echarts多个图表的堆叠，你可以使用echarts提供的grid布局和legend组件来实现。下面是一个简单的示例代码：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('chart'));

// 定义图表配置项
var option = {
    // 设置图表的布局为grid
    grid: {
        top: 50,
        left: 50,
        right: 50,
        bottom: 50,
        containLabel: true
    },
    // 设置图例组件
    legend: {
        data: ['图表1', '图表2', '图表3'],
        top: 10
    },
    // 设置x轴和y轴
    xAxis: {
        type: 'category',
        data: ['数据1', '数据2', '数据3']
    },
    yAxis: {
        type: 'value'
    },
    // 设置每个图表的系列（series）
    series: [
        {
            name: '图表1',
            type: 'bar',
            stack: '堆叠',
            data: [100, 200, 300]
        },
        {
            name: '图表2',
            type: 'bar',
            stack: '堆叠',
            data: [150, 250, 350]
        },
        {
            name: '图表3',
            type: 'bar',
            stack: '堆叠',
            data: [200, 300, 400]
        }
    ]
};

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

在上述代码中，我们使用了`grid`布局来设置图表的位置和大小，使用`legend`组件来显示图例。每个图表都通过`series`数组中的配置项来定义，其中设置了`stack: '堆叠'`来实现堆叠效果。

你可以根据自己的需求修改数据和配置项，以适应具体的场景。同时，你可以在页面上创建多个图表容器，并使用不同的`id`来初始化不同的echarts实例，从而实现多个图表的堆叠展示。