echart柱状图堆叠

Echarts 是一个开源的可视化图表库，支持多种数据可视化展示，其中柱状图是一种常见的图表类型。柱状图堆叠就是指将同一类别的数据堆叠在一起，以便于比较不同类别之间的差异。以下是一个使用 Echarts 实现柱状图堆叠的简单示例代码：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('chart'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: '柱状图堆叠示例'
    },
    tooltip: {},
    legend: {
        data: ['数据1', '数据2', '数据3']
    },
    xAxis: {
        data: ['类别1', '类别2', '类别3', '类别4', '类别5']
    },
    yAxis: {},
    series: [
        {
            name: '数据1',
            type: 'bar',
            stack: '总量',
            data: [120, 132, 101, 134, 90]
        },
        {
            name: '数据2',
            type: 'bar',
            stack: '总量',
            data: [220, 182, 191, 234, 290]
        },
        {
            name: '数据3',
            type: 'bar',
            stack: '总量',
            data: [150, 232, 201, 154, 190]
        }
    ]
};

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

在上面的代码中，通过 `stack` 属性将同一类别的数据堆叠在一起，同时使用 `legend` 属性指定三个数据系列的名称。其他配置项和数据可以根据实际需求进行修改。