Skip to content

柱状图

柱状图 是一种以宽度相同的长方形长度为变量的统计图表。

一般来说,柱形图只有一个变量,比较适用于较小数据集的分析。长方形柱条一般用于显示变量各个水平的计数值,通过观察图形的长短和变化波动,得到一个或多个柱状数据变量之间的差异情况,从而反馈得到数据的稳定性、差异量等情况,从而对实际业务进行指导优化。

优势: 柱形图简单直观,很容易根据柱子的长短看出值的大小,易于比较各组数据之间的差别。

缺点: 柱状图不适合用于表达趋势的数据,这种数据更适合用折线图或者面积图,也不适合用于表达占比的数据,这种数据更适合用于饼图。

设置项

数据设置

设置项说明
数据源选择柱状图数据来源,可通过数据源菜单中聚合查询增加横纵坐标选项字段
坐标系类型选择数据在哪种坐标轴下进行展示。
选项:极坐标系二维的直角坐标系,极坐标补充详见文末
名称字段选择数据源返回的字段,该字段用于柱状图标签的名称显示,通常结合悬浮显示菜单进行显示
横轴字段在直角坐标系中,选择数据源菜单返回的字段,将其设置为柱状图的横坐标轴
纵轴字段在直角坐标系中,选择数据源菜单返回的字段,将其设置为柱状图的纵坐标轴
半径字段在极坐标系中,选择数据源菜单返回的字段,将其设置为极坐标的半径值
角度字段在极坐标系中,选择数据源菜单返回的字段,将其设置为极坐标的分组角度

图表设置

设置项说明
X坐标轴选择柱状图所在的横轴,可在横轴菜单中添加多个X轴线
Y坐标轴选择柱状图所在的纵轴,可在纵轴菜单中添加多个Y轴线
颜色分配类型配置柱状图中柱形条的颜色效果,选项:按照图表分配调色盘中的颜色按照数据项分配的调色盘中的颜色
多个图表聚合时可选择按图表分配,单一图表可选择按数据项分配,具体色值可在样式菜单调色盘中调整
柱条的宽度设置柱状图柱条的默认宽度
柱条的最大宽度设置柱状图柱条的自适应变化的最大宽度
柱条的最小宽度设置柱状图柱条的自适应变化的最小宽度
柱条的最小高度设置柱状图柱条的自适应变化的最小高度
不同图表柱间距离设置在不同图表中的柱条间距大小,有多个图表数据时方可生效
同一图表柱间距离设置在同一图表中的柱条间距大小

标签设置

设置项说明
显示标签开启或关闭柱状图柱形条上的标签显示
显示内容表达式可自定义编辑表达式语法,实现复杂场景内容显示,显示优先级低于【显示内容】
显示内容可编辑标签显示内容,不支持除提示内容外的复杂表达式语法,显示优先级高于【显示内容表达式】
位置可以选择标签在柱状图柱状条的显示位置
距离图形的距离设置标签距离柱状图中柱形条的距离
标签旋转设置标签旋转的角度
文字偏移X设置标签距离X轴的距离
文字偏移Y设置标签距离Y轴的距离
颜色设置标签文本的颜色
背景色设置标签文本的背景色,需结合文字样式中行高、内边距、宽度、高度等参数一起使用方可生效
文字样式设置标签文本为斜体或正常模式
字体粗细设置标签字体粗细,选项:默认粗体非常粗
字体设置标签字体样式,选项:sans-serifserifmonospaceArialCourier NEW
字号设置标签字号大小,字号不小于12,不得超过100
水平对齐设置标签文字的水平对齐方式,包括自动、居左、居中、居右四种方式
垂直对齐设置标签文字的垂直对齐方式,包括自动、顶部、居中、底部四种方式
行高设置标签文本的行高高度,当文字超出宽度处理选择了换行选项后可生效
内边距设置标签文本在背景框内的距离长度
宽度设置标签文本的最大显示宽度,一般需结合超出宽度处理做换行等配置
高度设置标签文本的显示高度,仅影响文本背景高度,不影响文字本身显示
超出宽度处理标签超出最大宽度后的处理方式,包括换行和截断省略显示两种,设置为无后则最大宽度不生效
描边宽度设置标签背景图的描边宽度,需设置描边颜色后方可生效
描边颜色设置标签背景的描边颜色色值
描边圆角设置标签背景的描边圆角度数
阴影颜色设置标签背景的阴影颜色,需设置标签背景色以及阴影大小后生效
阴影大小设置标签背景的阴影大小
阴影水平偏移设置标签背景阴影在水平方向的偏移距离
阴影垂直偏移设置标签背景阴影在垂直方向的偏移距离

柱条样式

设置项说明
颜色设置柱条的颜色效果,优先级高于调色盘设置,仅支持单一色系调整
边框颜色设置柱条边框的颜色效果
描边类型配置柱条的描边类型。
选项:实线虚线点划线
描边宽度设置柱条的描边的宽度
描边颜色设置柱条的描边的颜色
描边圆角设置柱条的描边的圆角角度
阴影颜色设置柱条的阴影的颜色
阴影大小设置柱条的阴影的大小
阴影水平偏移设置柱条的阴影在水平方向的偏移量
阴影垂直偏移设置柱条的阴影在垂直方向的偏移量
透明度设置柱条的透明度大小,取值范围为0到1

标签布局

设置项说明
隐藏重叠的标签开启后会将内容重叠在一起的标签进行隐藏
重叠式偏移方向当标签重叠在一起时可选择标签位移的方向,可选择水平或垂直位移两种方式

高亮设置

设置项说明
禁用高亮禁用高亮后,鼠标移至标签位置后不再对标签进行高亮显示
高亮时行为设置高亮显示的交互样式
淡出的范围设置高亮时交互界面淡出的选择范围,提供淡出坐标系、淡出图表或全局淡出三种方式

堆叠

堆叠是指将多个图表数值叠加在一起,形成一个新的图表的展示方式。堆叠常用于柱状图堆叠折线图面积堆叠两种方式中。

其中柱状图表的柱形条叠在一个柱形条上,得到一个新的柱状条即为柱状图堆叠。堆叠柱状图可以形象地展示一个大分类包含的每个小分类的数据,以及各个小分类的占比,显示的是单个项目与整体之间的关系。比如,我们在统计某公司2022年全年的产品销售情况时,可以通过堆叠方式将公司各产品每月销售额堆叠在一个柱型上,既能直观地看到每个月公司产品整体销售情况,同时也可看到每个月中每种产品的销售占比情况。

设置项说明
堆叠标识可分别设置每个图表的堆叠标识符,系统会将标识符相同的图表形状堆叠在一起
堆叠策略根据图表数值的正负,可设置堆叠的不同取值策略

BarChart1

事件

设置项说明
不可点击开启后该图表内所有标签数据无法进行点击,关闭后可设置对应的数据点击交互事件
点击后调用自动化可通过选择对应的自动化实现相关数据标签单击交互事件,如点击后打开对应的数据表单详情或者打开其他网页链接等
双击后调用自动化功能与点击调用相同,交互由单击触发改为双击触发,可同时设置点击、双击事件

极坐标补充

极坐标简单来说就是用角度和长度描述位置的坐标系,与折线图、柱状图在直角坐标系中的展示效果有明显差异,一般可以在柱状图、折线图、散点图三种图表中选择极坐标系进行使用。

极坐标在使用时需先了解以下内容: 极坐标系一般有两个坐标轴,分别称极径极角,分别对应极坐标的径向(即半径)轴线和角度(即圆弧)轴线。同时坐标轴度量类型也有四种类型选择,分别是数值轴类目轴时间轴对数轴四种,选择不同类型的坐标轴,则图表对应展示的数据刻度不同,四种坐标轴使用场景如下:

设置项说明
数值轴value: 数值轴,适用于连续数据,通过半径的长短表示数值的大小
类目轴category: 类目轴,适用于离散的类目数据,通过固定的半径长度表示各个分类值
时间轴time: 时间轴,适用于连续的时序数据,与数值轴相比时间轴带有时间的格式化,半径反映的是时间点的顺序变化
对数轴log: 对数轴,适用于对数数据,常用在折线图中做双数值轴呈现

这里我们以柱状图为例,做一个简单的XXX公司2022年四季度客户订单金额对比情况的极坐标柱状图,示例步骤如下: 1、创建仪表卡片,在数据源菜单中新增数据源,以客户为分组对2022年四季度所有订单聚合查询,求和得到各客户四季度订单总金额; 2、在图表菜单中新增柱状图图表,数据设置坐标系类型选择极坐标系; 3、半径字段选择前面聚合后的订单总金额,角度字段选择客户名称;名称字段一般指径向轴数值名称,可结合悬浮提示使用,这里我们选择客户名称; 4、在极坐标菜单中可修改轴线、分割线大小颜色等参数,优化图表显示细节。其中需注意,极坐标一般默认径向轴线为数值轴、角度轴线为类目轴,可根据不同业务场景灵活调整轴线类型配置; 5、在悬浮提示菜单中打开显示悬浮提示按钮; 6、在横轴纵轴菜单中隐藏原始的横纵坐标轴,完成最终的极坐标折线图配置。

效果图

BarChart2