echarts修改柱状图柱子间隔
时间: 2023-10-17 08:33:47 浏览: 103
Echarts实现柱状图效果
4星 · 用户满意度95%
您可以使用 ECharts 提供的 `barGap` 属性来修改柱状图的柱子间隔。默认情况下,`barGap` 的值为 `'30%'`,表示柱子的间隔为柱子宽度的 30%。您可以根据需要调整这个值来改变柱子之间的间隔。
以下是一个示例:
```javascript
option = {
// 其他配置项...
series: [{
type: 'bar',
data: [5, 20, 36, 10, 10, 20],
barGap: '50%', // 柱子间隔为柱子宽度的 50%
// 其他样式配置项...
}]
};
```
在上述示例中,`barGap` 的值被设置为 `'50%'`,这将增加柱子之间的间隔,使它们看起来更宽。
您可以根据需要调整 `'50%'` 的值来改变柱子之间的间隔大小。
阅读全文