echart 堆叠柱状图

ECharts是一个流行的JavaScript数据可视化库，它支持创建各种图表，包括堆叠柱状图。堆叠柱状图是一种用于展示类别之间累计值的图形，每个柱子代表一个类别的一部分，所有柱子会相互堆叠在一起，总的高度表示该类别的总值。这种图表常用于比较各部分之间的占比情况。

在ECharts中创建堆叠柱状图，首先需要引入ECharts库，然后使用`echarts TreeMap`组件，设置`stack`属性为`true`以开启堆叠模式。示例代码如下：

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

// 基本配置项
var option = {
    xAxis: { // x轴
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: { // y轴
        type: 'value'
    },
    series: [
        {
            name: '总量',
            type: 'bar',
            stack: '总量', // 声明这是一个堆叠系列
            data: [5, 20, 36, 10, 10]
        },
        {
            name: '部分一',
            type: 'bar',
            stack: '总量',
            data: [5, 14, null, 4, 8]
        },
        {
            name: '部分二',
            type: 'bar',
            stack: '总量',
            data: [null, 6, 30, null, 2]
        }
    ]
};

myChart.setOption(option);