echart 柱状图多个柱子并列

您可以使用 ECharts 中的堆叠柱状图（bar）来实现多个柱子并列的效果。以下是一个简单的示例代码：

// 导入 ECharts
import * as echarts from 'echarts';

// 创建实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置项
var option = {
  // 图表标题
  title: {
    text: '柱状图多个柱子并列示例',
    left: 'center'
  },
  // x 轴配置
  xAxis: {
    type: 'category',
    data: ['产品A', '产品B', '产品C', '产品D', '产品E']
  },
  // y 轴配置
  yAxis: {
    type: 'value'
  },
  // 系列配置
  series: [
    {
      name: '数据一',
      type: 'bar',
      data: [120, 200, 150, 80, 70]
    },
    {
      name: '数据二',
      type: 'bar',
      data: [90, 150, 200, 120, 100]
    },
    {
      name: '数据三',
      type: 'bar',
      data: [80, 100, 150, 100, 90]
    }
  ]
};

// 使用配置项生成图表
myChart.setOption(option);

以上代码中，通过在 series 中定义多个 bar 类型的系列来实现多个柱子的并列。每个系列的 data 数组中存放了对应的柱子数据。您可以根据自己的需求修改 x 轴和系列的数据来实现您想要的效果。