echarts柱状图柱间距
时间: 2023-11-01 10:57:40 浏览: 164
echarts-柱状图
echarts柱状图的柱间距可以通过调整`barGap`属性来实现。在引用中提到的错误示范中,`barGap`属性设置为36,但是并没有生效。正确的做法是,在`series`属性中的柱状图配置项中设置`barGap`属性,并且需要同时设置`grid`属性中的`top`、`bottom`、`left`和`right`属性,确保所有的边界都被设置齐全。这样就可以实现柱状图柱间的间距效果。
下面是一个示例代码:
```
series: [{
name: '',
type: 'bar',
data: this.seriesData,
barWidth: 8, // 柱图宽度
barGap: 36, // 柱图之间的间距
}],
grid: {
containLabel: true,
top: 30,
left: 10,
right: 10,
bottom: 8
}
```
如果柱间距设置完毕后仍然不生效,那可能是代码其他地方有问题。你可以先在echarts官网上调试正确,然后再将正确的设置粘贴到你自己的代码中。
阅读全文