跳到主要内容

4.2.5 条形仪表盘

概述

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

多个指标在面板中渲染为多个堆叠的条形,使条形仪表盘非常适合并排比较多个相似测量值。

适用场景

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

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

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

配置

编辑模式工具栏

通用编辑模式控件外,条形仪表盘还增加了以下控件:

控件说明
保存为图片将当前预览下载为 PNG 图片
全屏将编辑器预览扩展为填满浏览器窗口
解读面板对当前预览数据运行 AI 分析

图形设置

设置说明
标题图表标题
副标题次要标题
布局方向水平(条形从左向右填充)或垂直(条形从底部向上填充)
显示模式视觉样式:渐变(平滑颜色过渡)、基础(纯色填充)、复古 LCD(分段显示)
数值显示数值显示位置:数值颜色(叠加在条形上,颜色随阈值变化)、文本颜色(叠加,纯文本颜色)、隐藏
名称显示指标名称位置:自动(条形旁边)或隐藏
条形大小自动(条形填满可用空间)或手动(固定像素大小)
最小值刻度的最小值(默认 0)
最大值刻度的最大值(默认 1)
小数位数显示的小数位数

阈值

阈值定义条形上的颜色带。每个阈值指定一个数值和一种颜色;当值越过每个边界时,条形会改变颜色:

设置说明
阈值点击 + 添加阈值 定义边界值及其颜色
阈值模式绝对值(阈值为原始数据值)或百分比(阈值为最小值-最大值范围的百分比)

使用示例

储罐液位。 五个储罐各有一个液位指标。将全部五个添加到单个条形仪表盘面板,水平布局。设置 20%(红色)、50%(黄色)和 80%(绿色)阈值,让操作员立即看到哪些储罐需要关注。

产能利用率比较。 三条生产线贡献其每小时产量作为指标。条形仪表盘以 100% 为最大值显示每条线的利用率,渐变显示模式随利用率从绿色到红色的平滑颜色变化。

电池荷电状态。 储能系统的荷电状态以垂直条形仪表盘显示,最小值 0%,最大值 100%,百分比阈值设为 20%(红色)和 50%(黄色)。视觉效果直观传达可用储备量。