跳到主要内容

4.2.6 柱状图

4.2.6.1 概述

柱状图通过柱体的高度(横向布局时为宽度)来表示数值大小,适用于按时间桶或分类维度分组的聚合数据,是跨时期、跨分组比较的首选图表类型。

柱状图示例

每个柱体对应一个聚合值:时间窗口内的总和、平均值或计数(如每小时能耗),或某一分类维度的值(如各生产线产量)。多个指标可以分组或堆叠展示。

4.2.6.2 适用场景

在以下情况下使用柱状图:

  • 比较不同时间段(每小时、每天、每月)的离散数量
  • 比较同一指标在多个分类或站点间的差异
  • 使用堆叠柱体可视化各部分对整体的贡献
  • 数据本质上是聚合的,而非连续时序数据

对于连续时序数据的趋势分析,请使用趋势图。对于单一汇总值(如今日总消耗),请使用统计值面板。

4.2.6.3 配置

图形配置

布局方向与堆叠

柱状图支持垂直(默认)和水平两种布局。当分类标签较长或需要并排比较多个组时,水平布局更易读:

水平布局柱状图

启用堆叠系列后,多个指标将叠加在同一根柱体中,便于观察各组成部分对总量的贡献:

堆叠柱状图

柱体样式

设置说明
布局方向垂直(柱体向上延伸)或水平(柱体向右延伸)
线点交叉柱体在时间桶内的对齐位置:开始、中间、结尾
显示数值是否在柱体上显示数据值标签(开关)
堆叠系列堆叠模式:不堆叠、相同正负号、堆叠所有、只堆叠正值、只堆叠负值
柱体宽度柱体占可用宽度的百分比,范围 0–100(0 = 自动)
柱体圆角柱体顶部圆角半径,范围 0–100
线条宽度柱体边框描边粗细,范围 0–10(0 = 无边框)
填充透明度柱体填充颜色的不透明度,范围 0–1
渐变模式柱体颜色渐变方式:无、透明度、色调、配色方案

渐变模式可为柱体添加渐变填充效果,提升图表的视觉层次感:

渐变模式效果

标签

当分类标签较长或数量较多时,可能在坐标轴上重叠。以下设置可改善可读性:

设置说明
标签旋转坐标轴标签的旋转角度,–90° 至 +90°(步进 45°)
标签间隔标签密度:自动、小、中、大

坐标轴设置

Y 轴支持配置显示名称,并可手动设定数值范围。当同时绘制量程差异较大的多个指标时,可启用右坐标轴为不同指标分配独立刻度:

坐标轴配置

设置说明
X 轴显示或隐藏 X 轴
X 轴时间格式X 轴时间戳的显示格式(留空则自动选择)
标签旋转X 轴标签的旋转角度,–90° 至 +90°
标签间隔标签密度:自动、小、中、大
显示网格线网格线显示策略:自动、显示、隐藏
左坐标轴标题左 Y 轴的标签文字
数值范围左 Y 轴的最小值和最大值(留空则自动缩放)
右坐标轴启用右侧辅助 Y 轴
右坐标轴标题右 Y 轴的标签文字(右坐标轴开启后可用)
右坐标轴系列选择绑定到右 Y 轴的系列(右坐标轴开启后可用)
数值范围(右)右 Y 轴的最小值和最大值(右坐标轴开启后可用)

边界值

来自属性配置的限值——LoLo、Lo、Target(目标值)、Hi、HiHi——可作为水平参考线叠加在柱体上,标记安全和警戒区域:

带限值线的柱状图

设置说明
添加边界值选择指标来源,然后从下拉菜单中选择限值类型(可多次添加)
显示为限值展示方式:线、区域、线和区域

提示框

悬停柱体时弹出的提示框显示该数据点的详细数值。当模式设为"全部"时,提示框同时显示所有系列在该时间点的值:

提示框显示多系列数值

设置说明
提示框模式悬停显示方式:单个、全部、隐藏
值排序提示框内数值排序:无、升序、降序(全部模式下可用)
隐藏零值是否在提示框中隐藏数值为 0 的项(全部模式下可用)
最大宽度提示框最大宽度(像素)
最大高度提示框最大高度(像素)

图例

在表格模式下,图例可以在每个系列旁边显示汇总统计数据(最大值、最小值、平均值、总和等):

表格模式图例

设置说明
显示显示模式:列表、表格、隐藏
位置放置位置:底部、右侧
宽度图例区域宽度(像素,仅右侧布局时可用)
图例值在表格模式下显示的统计数据,可多选:最大值、最小值、平均值、总和、计数、第一个值、最后一个值等

标准配置

设置说明
最小值数据渲染的参考最小值(留空则从数据自动计算)
最大值数据渲染的参考最大值(留空则从数据自动计算)
小数位数数值显示的小数位数(留空则自动判断)
配色方案系列颜色分配策略:单色、单色深浅映射(按系列)、阈值取色(按值)、经典调色板、经典调色板(按系列名)、自定义调色板

数据链接

数据链接为图表上的数据点附加可点击的跳转 URL:

设置说明
标题链接的显示名称
URL跳转目标地址,支持变量插值
在新标签页打开是否在新浏览器标签页中打开链接
一键跳转启用后点击数据点直接跳转(同时只能有一条链接启用此功能)

值映射

值映射将数据值替换为自定义的显示文本并赋予颜色:

映射类型说明
精确匹配特定数值或文本
范围匹配指定数值范围
正则表达式使用正则表达式匹配并替换
特殊值匹配 null、NaN、布尔值、空字符串等
其他值匹配所有未被前面规则覆盖的值

颜色阈值

颜色阈值根据数据值动态改变柱体颜色,用于高亮显示超出正常范围的数据:

设置说明
阈值模式阈值判断方式:绝对值、百分比
添加阈值新增一条阈值规则,每条规则包含数值边界和对应颜色

颜色阈值生效需在标准配置中将配色方案设置为阈值取色(按值)

个性化配置

个性化配置允许对单个指标覆盖全局图形设置。选定目标指标名称后,可添加以下属性进行覆盖:系列样式、线宽、填充透明度、线条透明度、线条颜色、点大小、显示点、连接空值、堆叠、渐变模式、显示值。

降采样

当查询结果中的数据点过多时,可启用降采样减少渲染数量以提升显示性能:

设置说明
启用降采样开关,默认关闭
最大数据点数降采样后保留的最大数据点数量
聚合函数降采样时使用的聚合方式(如 AVG、MAX、MIN 等)

定时报告

柱状图面板支持定时报告功能,可将图表以图片形式定期发送到指定邮箱或飞书群。配置入口位于面板右上角菜单中。

4.2.6.4 使用示例

每日能耗对比。 能源分析师需要比较过去一个月每天的用电量。使用 1 天滑动窗口的柱状图每天显示一个柱体,配合 Hi 限值线高亮超过目标消耗的天数。

站点间产量对比。 运营经理按站点名称添加维度分组,每个柱体代表所选时间段内一个站点的总产量。当站点名称较长时,切换到水平布局可提高可读性。

居民与工业负荷堆叠。 将居民用电量和工业用电量两个指标添加到同一柱状图中,启用堆叠系列。每个柱体显示总负荷,两个组成部分用颜色分隔,便于观察各时间桶中哪个部分占主导地位。