echarts横向柱状图 柱子间距如何调整
时间: 2023-10-10 09:08:00 浏览: 116
React+echarts 渐变横向排名柱状图
您可以通过修改Echarts中柱状图的barGap和barCategoryGap属性来调整柱子间距。其中,barGap表示不同系列的柱子间距,barCategoryGap表示同一系列的柱子间距。这两个属性可以在Echarts的option参数中进行配置。例如:
```
option = {
...
series: [{
type: 'bar',
barGap: '10%',
barCategoryGap: '20%',
data: [10, 20, 30, 40],
...
}]
...
};
```
您可以根据实际需求修改barGap和barCategoryGap的值,调整柱子间距。
阅读全文