echarts柱子之间的距离
时间: 2023-09-30 13:06:20 浏览: 159
echarts自定义树状图,且每个系列柱子数不一
echarts柱子之间的距离可以通过设置`barGap`和`barCategoryGap`两个属性来实现。其中,`barGap`用于设置多个并排柱子之间的间距,而`barCategoryGap`用于设置多个系列项之间的间距。通过调整这两个属性的值,可以实现柱子之间的距离调整。例如,设置`barGap: '80%'`可以将多个并排柱子之间的间距设置为80%的宽度,而设置`barCategoryGap: '50%'`可以将多个系列项之间的间距设置为50%的宽度。这样可以灵活地控制柱子之间的距离。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [echart 设置柱子之间的间距](https://blog.csdn.net/Smy_0114/article/details/82752355)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [echarts自定义树状图,且每个系列柱子数不一](https://download.csdn.net/download/m0_37727560/12321169)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [echarts,type:bar 柱形图的行高和宽度(条间距离)设置](https://blog.csdn.net/fairyier/article/details/78475220)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文