echarts多条柱状图重叠

您可以使用ECharts的堆叠柱状图来实现多条柱状图重叠的效果。以下是一个基本示例：

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

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

// 定义数据
const data = [
  { name: '柱状图1', values: [10, 20, 30, 40, 50] },
  { name: '柱状图2', values: [20, 30, 40, 50, 60] },
  { name: '柱状图3', values: [30, 40, 50, 60, 70] },
];

// 创建选项
const options = {
  // 设置图表类型为堆叠柱状图
  chartType: 'bar',

  // 设置x轴数据
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E'],
  },

  // 设置y轴数据
  yAxis: {
    type: 'value',
  },

  // 设置图例
  legend: {
    data: data.map(item => item.name),
  },

  // 设置数据系列
  series: data.map(item => ({
    name: item.name,
    type: 'bar',
    stack: 'stack',
    data: item.values,
  })),
};

// 渲染图表
myChart.setOption(options);

上述代码中，通过定义一个包含多个数据系列的`data`数组，每个数据系列包含名称和数值。然后，根据数据创建选项，设置x轴和y轴的数据以及图例和数据系列。最后，通过调用`setOption`方法渲染图表。

您可以根据实际需求调整数据和其他选项来满足您的要求。希望以上信息对您有所帮助！