如何使用ECharts库来创建和呈现一个具有数据堆叠效果的条形图？

在ECharts库中，创建带数据堆叠的条形图通常涉及以下几个步骤：

1. **引入ECharts库**：首先，你需要在HTML文件中引入ECharts的JavaScript文件。

<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.0/dist/echarts.min.js"></script>

2. **初始化图表**：然后，在需要放置图表的容器元素上初始化一个新的ECharts实例，并设置其配置项，包括数据、系列类型（bar，表示条形图）以及堆叠属性。

let myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
  title: {
    text: '堆叠条形图'
  },
  tooltip: {},
  xAxis: {
    data: ['Series 1', 'Series 2', 'Series 3']
  },
  yAxis: {},
  series: [
    {
      name: 'Stacked Series 1',
      type: 'bar',
      stack: '总量', // 设置堆叠组名
      data: [220, 182, 191]
    },
    {
      name: 'Stacked Series 2',
      type: 'bar',
      stack: '总量',
      data: [152, 237, 201]
    }
  ]
});

在这个例子中，`stack` 属性指定了堆叠组名，`总量` 是默认堆叠组，可以有多个堆叠组并行展示。

3. **绘制图形**：最后，调用`setOption`方法将配置应用到图表上。