4.2.5 条形仪表盘
概述
条形仪表盘以填充条形的方式显示数值,类似于温度计或进度条,展示该值在可配置刻度范围内的位置。条形上的颜色阈值将刻度直观地划分为不同区域,便于一眼看出数值在范围内进展了多远。
多个指标在面板中渲染为多个堆叠的条形,使条形仪表盘非常适合并排比较多个相似测量值。
适用场景
在以下情况下使用条形仪表盘:
- 希望使用线性填充隐喻而非圆形表盘
- 显示容量利用率、填充液位或完成百分比
- 需要在紧凑布局中比较多个相似测量值(如多个储罐的液位)
- 对受众来说进度条视觉比指针仪表更直观
对于没有刻度参考的单个大数值,请使用统计值面板。对于表盘式仪表,请使用仪表盘。
配置
编辑模式工具栏
除通用编辑模式控件外,条形仪表盘还增加了以下控件:
| 控件 | 说明 |
|---|---|
| 保存为图片 | 将当前预览下载为 PNG 图片 |
| 全屏 | 将编辑器预览扩展为填满浏览器窗口 |
| 解读面板 | 对当前预览数据运行 AI 分析 |
图形设置
| 设置 | 说明 |
|---|---|
| 标题 | 图表标题 |
| 副标题 | 次要标题 |
| 布局方向 | 水平(条形从左向右填充)或垂直(条形从底部向上填充) |
| 显示模式 | 视觉样式:渐变(平滑颜色过渡)、基础(纯色填充)、复古 LCD(分段显示) |
| 数值显示 | 数值显示位置:数值颜色(叠加在条形上,颜色随阈值变化)、文本颜色(叠加,纯文本颜色)、隐藏 |
| 名称显示 | 指标名称位置:自动(条形旁边)或隐藏 |
| 条形大小 | 自动(条形填满可用空间)或手动(固定像素大小) |
| 最小值 | 刻度的最小值(默认 0) |
| 最大值 | 刻度的最大值(默认 1) |
| 小数位数 | 显示的小数位数 |
阈值
阈值定义条形上的颜色带。每个阈值指定一个数值和一种颜色;当值越过每个边界时,条形会改变颜色:
| 设置 | 说明 |
|---|---|
| 阈值 | 点击 + 添加阈值 定义边界值及其颜色 |
| 阈值模式 | 绝对值(阈值为原始数据值)或百分比(阈值为最小值-最大值范围的百分比) |
使用示例
储罐液位。 五个储罐各有一个液位指标。将全部五个添加到单个条形仪表盘面板,水平布局。设置 20%(红色)、50%(黄色)和 80%(绿色)阈值,让操作员立即看到哪些储罐需要关注。
产能利用率比较。 三条生产线贡献其每小时产量作为指标。条形仪表盘以 100% 为最大值显示每条线的利用率,渐变显示模式随利用率从绿色到红色的平滑颜色变化。
电池荷电状态。 储能系统的荷电状态以垂直条形仪表盘显示,最小值 0%,最大值 100%,百分比阈值设为 20%(红色)和 50%(黄色)。视觉效果直观传达可用储备量。









