跳到主要内容

4.2.3 条形仪表盘

4.2.3.1 概述

条形仪表盘以填充条形的方式显示数值,类似于温度计或进度条,展示当前值在可配置刻度范围内的位置。条形上的颜色阈值将刻度直观地划分为不同区域,便于一眼看出数值在范围内的相对位置。

条形仪表盘编辑模式概览

多个指标在面板中渲染为并排的条形,使条形仪表盘非常适合同时比较多个相似测量值。支持三种显示模式(渐变、基础、复古 LCD)和两种布局方向(水平、垂直),适配不同仪表板风格。

4.2.3.2 适用场景

在以下情况下使用条形仪表盘:

  • 希望使用线性填充隐喻而非圆形表盘
  • 显示容量利用率、填充液位或完成百分比
  • 需要在紧凑布局中比较多个相似测量值(如多个设备的电流)
  • 对受众来说进度条视觉比指针仪表更直观

对于没有刻度参考的单个大数值,请使用统计值面板。对于表盘式仪表,请使用仪表盘。

4.2.3.3 配置

图形配置

图形配置决定条形的方向、显示样式和标注方式:

设置说明
Orientation条形方向:Horizontal(从左向右填充)或 Vertical(从底部向上填充);默认 Vertical
Display Time是否显示当前数据点的时间戳:On 或 Off;默认 Off
时间格式时间戳的显示格式(Display Time 为 On 时可用)
Display Mode视觉样式:Gradient(平滑颜色过渡)、Basic(纯色填充)、Retro LCD(分段显示);默认 Gradient
Show unfilled area是否显示条形未填充部分的背景(开关);Retro LCD 模式下不可用
Value Display数值呈现方式:Value Color(数值颜色随阈值变化)、Text Color(使用默认文本色)、Hidden(隐藏数值)
Name Placement指标名称的位置:Auto、Top(水平布局时在上方)、Left(水平布局时在左侧)、Hidden(隐藏)
Bar size各条形的尺寸模式:Auto(自动计算)或 Manual(手动指定)
最小宽度每个条形的最小宽度(像素,Manual 模式且垂直布局时可用)
最小高度每个条形的最小高度(像素,Manual 模式且水平布局时可用)
最大高度每个条形的最大高度(像素,Manual 模式且水平布局时可用)

显示模式对比

Basic 模式使用纯色填充,颜色由当前阈值区间决定,视觉简洁清晰:

Basic 显示模式

Gradient 模式从低值到高值呈现平滑颜色过渡,同时反映数值大小与阈值区间:

Gradient 显示模式

Retro LCD 模式将条形拆分为离散分段,模拟液晶显示屏外观。适合工业仪表风格仪表板:

Retro LCD 垂直显示模式

水平布局

将 Orientation 设为 Horizontal 时,条形从左向右填充,配合 Retro LCD 模式和 Name Placement = Top 可实现堆叠列表样式:

水平布局 + Retro LCD 模式

图例

设置说明
显示显示模式:List、Table、Hidden
位置放置位置:Bottom、Right
宽度图例区域宽度(像素,Right 布局时可用)
图例值在 Table 模式下显示的统计数据,可多选:Max、Min、Mean、Sum、Count、First、Last 等

标准配置

设置说明
小数位数数值显示的小数位数(留空则自动判断)
配色方案系列颜色分配策略:单色、单色深浅映射(按系列)、阈值取色(按值)、经典调色板、经典调色板(按系列名)、自定义调色板
无数据无数据时显示的文本(默认 -

字体大小

通过独立设置名称和数值的字体大小,可调节信息的视觉层次:

字体大小配置

设置说明
Title指标名称标签的字体大小(留空则自动)
Value数值的字体大小(留空则自动)

数据链接

数据链接为条形仪表盘附加可点击的跳转 URL:

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

值映射

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

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

颜色阈值

颜色阈值定义条形上的颜色带——每个阈值指定一个数值边界和对应颜色,数值越过边界时条形颜色随之改变:

颜色阈值配置

如上图所示,配置阈值 9(红色)、7(橙色)、5(青色)、4(浅绿)、Base(绿色),条形将根据当前值所在区间显示对应颜色。

设置说明
Thresholds Mode阈值判断方式:Absolute(按原始数据值)或 Percentage(按最小值–最大值范围的百分比)
+ Add threshold新增一条阈值规则,每条规则包含数值边界和对应颜色

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

个性化配置

个性化配置允许对单个指标覆盖全局设置。选定目标指标名称(Fields with name)后,可覆盖的属性包括:系列样式、填充透明度、值映射等。

降采样

当查询结果中的数据点过多时,可启用降采样减少计算量:

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

定时报告

定时报告按预设周期自动生成面板快照并推送:

设置说明
频率发送间隔:每周、每天等
任务开始时间首次执行的日期和时间
结束日期定时任务终止日期(留空则持续执行)
通知联系人接收报告的通知联系点

4.2.3.4 使用示例

多设备电流比较。 五台设备的电流指标添加到同一条形仪表盘面板,使用垂直布局 + Gradient 显示模式。在颜色阈值中设置 9 A(红色)、7 A(橙色)、5 A(青色),超过 9 A 的设备条形立即变为红色,操作员可快速定位过载设备。

水平 LCD 仪表板。 将布局设为 Horizontal、显示模式设为 Retro LCD、Name Placement 设为 Top,多个指标以堆叠列表形式呈现分段条形。阈值颜色从绿到红逐级变化,模拟传统工业仪表风格。

大屏远距离读数。 在控制室大屏上,将字体大小的 Value 设为 80,使数值在远处清晰可读。配合 Gradient 模式和阈值颜色渐变,操作员无需走近即可判断各指标的状态区间。