echart柱形图-一条柱子显示多个数据

您好！对于ECharts柱形图，您可以使用堆叠功能来实现一条柱子显示多个数据。具体操作如下：

1. 配置堆叠属性：在xAxis和series的配置中，设置stack属性为相同的值，表示这些系列需要进行堆叠。

xAxis: {
  type: 'category',
  data: ['A', 'B', 'C', 'D', 'E'], // x轴数据
},
series: [
  {
    name: '数据1',
    type: 'bar',
    stack: 'stack1', // 堆叠属性
    data: [100, 200, 300, 400, 500] // 第一个系列的数据
  },
  {
    name: '数据2',
    type: 'bar',
    stack: 'stack1', // 堆叠属性
    data: [200, 300, 400, 500, 600] // 第二个系列的数据
  },
  // 可以继续添加其他系列
]

2. 设置堆叠效果：在series的配置中，设置itemStyle属性的normal属性下的emphasis属性，用来设置鼠标悬停时的样式。

series: [
  {
    name: '数据1',
    type: 'bar',
    stack: 'stack1',
    data: [100, 200, 300, 400, 500],
    itemStyle: {
      normal: {
        emphasis: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowOffsetY: -5,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  },
  // 其他系列的配置...
]

通过以上步骤，您就可以实现一条柱子显示多个数据的效果了。希望对您有所帮助！如有更多问题，请随时提问。