柱状图之间的间距怎么调整？用捷码3步教你快速调整！

2025-08-22作者：捷码浏览：次

柱状图是用的比较多的一种图表。其中，柱状图之间怎么调整也成了大家经常讨论的问题。

在捷码低代码平台中，用户可精确设置系列间距与同类间距，适配大屏与报表的可读性。因此，本文将特地以一篇文案，来展示柱状图组件的使用，以及如何快速搭建一个柱状图，用于分类对比、排名与变化展示。

什么是柱状图

柱状图是一种基础且使用广泛的图表，它主要通过设置一系列高度不等的立柱图来展示不同类别的数据数值的大小。从而进行直观对比。柱状图分为很多种类，从捷码来说，柱状图分为基础柱状图、基础条形图、堆叠柱状图、堆叠条形图、双向柱状图、双向条形图、轮播排行柱状图、柱状折线图、图标折线图、象形图、立体柱状图等，可以通过设置数据直接调整柱状图的间距。

用捷码三步调整间距

第1步：新增并选型

在页面或大屏画布拖入“柱状图类组件”，可选基础柱状图/条形图/堆叠/双向等样式。

第2步：绑定数据

在数据面板接入接口或静态数据，映射类目轴与数值轴；多系列命名，便于图例区分。

第3步：设置间距

打开“属性→系列→柱体”，调整：

barGap（系列间距）：控制不同系列柱之间的空隙；支持负值实现重叠对比。
barCategoryGap（同类间距）：控制同一类目内柱体与类目的留白。
参考值：barCategoryGap 30%，barGap 10%；类目密集降至 15%/0%。必要时配合 barWidth 与网格内边距，避免标签挤压。