可视化图表组件

组件简介

可视化图表组件库集成工业级HMI标准图表组件，通过数据可视化呈现设备实时运行参数，助力运维人员精准掌握产线动态。

相关组件简介如下：

组件名	描述	适用场景
折线图	展示设备在运行过程中参数变化趋势	温度波动监测、压力变化记录、能耗趋势分析
仪表盘	展示设备运行参数，模拟实体仪表盘指针效果	电机转速监控、电压电流实时显示、设备运行效率评估
计量器	展示设备运行参数，模拟实体温度计效果	油温/水温监控、压力容器液位显示、环境温湿度监测
进度条v2.1.3	在预设数值范围内以百分比进度展示运行参数	生产任务完成度、设备负载率显示、工艺步骤执行进度
水位图v2.1.3	展示设备运行参数，模拟实体水箱水位计效果	储罐液位监控、冷却水循环量显示、原料储量可视化

组件使用示例

折线图

功能配置：

• 多参数监测：支持同时监控多个数据栏位，可独立配置各折线及图例颜色

• 数据采样控制：

  • 采样频率可配置：如每1秒或每3分钟取一次数据
  • 历史数据点显示数量：默认100点，建议显示数量不超过1000点，或根据实际HMI硬件配置设定合适的值

• 单位系统设定：支持自定义计量单位显示格式（如℃/MPa/kW·h）

样式配置：

• 坐标轴：显示/隐藏轴线、刻度线、参考线，线段颜色设置
• 标签：显示/隐藏，标签字体样式设置
• 图例：显示/隐藏，位置设置，字体样式设置
• 单位：显示/隐藏，字体样式设置

仪表盘

功能配置：

• 支持高/低位阈值设置，并在仪表盘中显示对应的阈值区间
• 可添加仪表盘数值单位

样式配置：

• 刻度线：一二级刻度线可分别配置刻度线数量等参数
• 指针：指针颜色、长度、宽度参数
• 仪表数值：数值/单位字体样式

计量器

功能配置：

• 支持高/低位阈值设置，按照当前液位高度显示对应的阈值区间填充颜色
• 可添加仪表盘数值单位

样式配置：

• 刻度线：一二级刻度线可分别配置刻度线数量等参数
• 数值：数值/单位字体样式

进度条v2.1.3

功能配置：

• 支持数值范围设置，根据最大/最小值范围将设备传入数值归一为百分比进度
• 支持高/低位阈值设置，按照当前值显示对应的阈值区间进度条颜色
• 支持显示设备传入值或百分比进度，或隐藏
• 可添加数值单位

样式配置：

• 进度条
  • 支持条形、环形、扇形、自定义图片进度条样式选择
  • 支持调整进度条端点样式及宽度
  • 支持更改不同阈值时进度条填充色
• 数值
  • 字体样式

水位图v2.1.3

功能配置：

• 支持数值范围设置，根据最大/最小值范围将设备传入数值归一为百分比水位高度
• 支持高/低位阈值设置，按照当前值显示对应的阈值区间水位颜色
• 支持显示设备传入值或百分比进度，或隐藏
• 可添加数值单位

样式配置：

• 水位图
  • 支持更改不同阈值时水位图填充色
• 数值
  • 字体样式