echart 堆积柱图

ECharts 是一款非常强大的数据可视化库，支持多种图表类型，包括堆积柱状图。堆积柱状图主要用于展示各个分类之间的对比关系，并通过累加的方式呈现每个分类的数据分布。在 ECharts 中创建堆积柱状图的基本步骤如下：

1. 引入 ECharts 库：首先在HTML文件中引入 ECharts 的 JavaScript 文件。
2. 创建 ECharts 实例：在你需要放置图表的容器上初始化一个 ECharts 对象。
3. 配置堆叠柱状图配置项：设置 series（系列）中的 type 属性为 'bar'，stack（堆叠）属性设置为 true。

   var option = {
     xAxis: { // 横坐标
       data: ['A', 'B', 'C', 'D']
     },
     yAxis: { // 纵坐标
       type: 'value'
     },
     series: [
       {
         name: 'series1',
         type: 'bar',
         stack: '总量', // 堆栈名称
         data: [5, 20, 36, 10]
       },
       {
         name: 'series2',
         type: 'bar',
         stack: '总量',
         data: [25, 30, 39, 15]
       }
     ]
   };

4. 渲染图表：调用 ECharts 对象的 setOption 方法，传入配置选项。

   myChart.setOption(option);