趋势图（Line Trend Viewer）

总览

趋势图组件用于可视化实时数据或历史时间序列数据，适用于过程监控、时间对比分析和数据导出。

注意：数据的写入（即写入数据库）需由外部系统完成——通常通过 CODESYS 和其提供的库来实现。
数据的读取与可视化则在客户端（HMI）中通过 PLCVisu 实现。

核心功能

• 支持实时或历史数据展示
• 可在时间轴上缩放、滚动
• 支持多数据集、多 Y 轴
• 支持导出当前视图或完整数据

注意：“趋势图”在系统中有两个位置：
一个是在 Pages 中的控件（用于显示已配置的趋势图），另一个是在左侧的导航菜单中（汉堡菜单 → Trends）。
只有通过导航菜单，你才能创建新的趋势图、连接数据库并设置所有参数。
在 Pages 页面中，你只能选择并显示已有的趋势图视图。

用户界面与配置

通用设置

字段	描述
Name	趋势图组件的内部名称
Label	可选的显示标签；支持如 {{LineTrend}} 的占位符
Show Lines	是否显示曲线
Show Labels	是否在数据点上显示数值标签

X轴设置

字段	描述
X-Axis Label	水平轴的标签
X-Axis Format	时间格式： - Unix 时间戳 - 人类可读格式（如 12:45 PM）

工具栏选项

选项	功能
Interval Picker	时间范围选择（实时、最近一小时、自定义）
Export Current View	导出当前可见的时间段数据
Export Full Data	导出完整数据集
Configure Datasets	选择启用/禁用哪些数据集
Reset Button	重置缩放、坐标轴与可见性状态

插值选项（Interpolation）

字段	描述
Active	是否启用插值
Max Points	插值后最大数据点数量
Interpolation Type	插值算法： – 快速简化（Quick Reduce） – 简化（Reduce） – 局部极值（Local Extremes） – 平均值（Average） – 中位数（Median）

其他选项

选项	功能
Legend	显示数据集图例
Tooltips	鼠标悬停或触控时显示值
Extended Touch Features	启用高级触控功能
Zoom	启用缩放和平移功能

Y轴设置

• 支持多个 Y 轴
• 每个轴可设置：
  • 名称、标签
  • 颜色
  • 最小/最大范围
  • 位置（left 或 right）
  • 测量类型与单位

数据集（Datasets）

• 每个数据集代表一个独立的数据信号
• 可配置项包括：
  • 名称、标签
  • 颜色
  • 关联的 Y 轴
  • 测量类型
  • 基础单位
  • 是否可见
  • 是否启用

应用场景示例

1. 实时机器监控

实时显示关键指标，如电机转速、温度、扭矩
数据来源：来自 PLC（通过 CODESYS + PLCVisu 库）

2. 环境数据记录

长期传感器趋势可视化，例如建筑自动化系统
数据来源：存储在数据库中的历史数据

3. 过程质量评估

显示压力曲线等工艺参数，并监控上下限带
可结合视觉提示实现报警显示

数据流逻辑

数据写入（Logging）

• 不是由 HMI 执行
• 需在 CODESYS、Node-RED 或其他后台系统中设置
• PLCVisu 提供了写入数据库的辅助库

数据读取（可视化）

• HMI 动态加载并展示数据
• X 轴时间戳格式需与所选模式匹配（Unix 或人类可读）
• 用户可在界面中切换或过滤数据集

使用建议

• 数据量大时请启用 插值
• 保持趋势图中的颜色和轴标签一致，提升可读性
• 可定期导出数据用于记录或分析

限制说明

• 需要外部系统执行数据记录功能
• 高频实时更新可能影响低性能设备的显示效果
• 插值可能会平滑掉关键突变点