echarts柱状图柱之间的距离怎么设置

在 ECharts 中，可以通过柱状图的 barGap 和 barCategoryGap 属性来控制柱子之间的距离。

- `barGap`：柱子之间的间距，默认为柱子宽度的 30%。可以设置为百分比或像素值。
- `barCategoryGap`：同一系列的柱子之间的间距，默认为类目间距的 20%。可以设置为百分比或像素值。

以下是一个示例：

option = {
  ...
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    type: 'bar',
    data: [150, 200, 170, 240, 300],
    // 设置柱子之间的间距和同一系列的柱子之间的间距
    barGap: '20%',
    barCategoryGap: '30%'
  }]
};

在这个示例中，我设置了一个柱状图，包括 x 轴、y 轴和一个系列。在系列的配置中，我通过 barGap 和 barCategoryGap 属性来设置柱子之间的距离。其中，barGap 设置为 20%，表示柱子之间的间距为柱子宽度的 20%；barCategoryGap 设置为 30%，表示同一系列的柱子之间的间距为类目间距的 30%。

你可以根据需求调整 barGap 和 barCategoryGap 属性的值，来实现柱子之间的距离调整。