echarts堆积条形图

ECharts（百度开源的数据可视化库）可以用来绘制堆积条形图。堆积条形图用于比较不同类别的数据，并展示每个类别内部的子类别数据的比较情况。

以下是绘制堆积条形图的示例代码：

// 引入ECharts库
import echarts from 'echarts';

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

// 配置图表选项
const options = {
  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(options);

上述代码中，我们使用了ECharts的`bar`系列类型来绘制堆积条形图。通过设置`stack`属性为同一个值，将多个系列的数据堆叠在一起。

你可以根据自己的数据和需求修改示例代码中的相关部分，以创建适合你的堆积条形图。