在 ECharts 中,可以通过设置 `barGap` 和 `barCategoryGap` 属性来控制柱状图之间的距离。
- `barGap` 表示不同系列的柱状图之间的距离,默认值为 `"30%"`,表示柱状图宽度的 30%。
- `barCategoryGap` 表示同一系列的柱状图之间的距离,默认值为 `"20%"`,表示柱状图宽度的 20%。
你可以根据需要调整这两个属性的值,以达到柱状图之间的距离符合你的要求。例如:
```js
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50],
barGap: '10%', // 不同系列的柱状图之间的距离
barCategoryGap: '20%' // 同一系列的柱状图之间的距离
}]
};
```
在上面的例子中,我们将不同系列的柱状图之间的距离设为柱状图宽度的 10%,将同一系列的柱状图之间的距离设为柱状图宽度的 20%。你可以根据需要调整这两个值,以达到你想要的效果。