Heatmap Grid | Custom Web Control | WinCC Unified & V8

Custom Web Control

关于 Heatmap Grid

Heatmap Grid 是一款高性能的 Custom Web Control，专为工业 SCADA 和 HMI 环境设计。它提供高密度可视化，用于监控空间数据分布，通过网格呈现颜色编码的强度值，帮助操作员即时识别复杂过程参数中的模式、热点和异常。

主要功能

• 空间数据可视化: 将大型数据集转换为直观的颜色编码网格，快速建立态势感知。
• 交互式工具提示: 通过 valuePrefix 属性在用户交互时为单元格值添加上下文，增强数据探索体验。
• 动态缩放: 根据定义的 minValue 和 maxValue 属性自动映射颜色，确保过程范围的准确可视化表示。
• 事件驱动逻辑: 利用 CellClicked 事件在选择网格单元格时触发特定的 HMI 操作或导航到详细的过程画面。

自定义

该控件提供 9 个可配置属性，便于无缝集成。工程师可以定义 backgroundColor 和 titleText 以符合企业规范，xAxisLabels 和 yAxisLabels 提供清晰的坐标参考。heatmapData 数组支持灵活的数据绑定，showVisualMap 开关可根据需要启用或禁用颜色图例。refreshData 和 clearSelection 等内置方法可对显示状态进行编程控制。

应用场景

该控件非常适合用于烤箱中的温度分布监控、传感器阵列的压力映射、储罐区状态总览以及识别多区域加热系统中的磨损模式。

兼容性

完全兼容 WinCC Unified (TIA Portal) 和 WinCC V8。该控件支持所有属性的直接标签绑定，为自动化工程师提供零代码配置体验。

💡 TIA Portal 提醒: 在将标签链接到需要从 Custom Web Control 写入的属性时，请记得取消选中 TIA Portal 中的 "Read only" 选项。否则，CWC 只能读取 HMI 标签，而无法对其进行写入。

⚠️ AI 生成: 此 custom web control 是使用 AI 自动生成的。请在生产环境中部署之前测试并验证其性能和安全性。

⚠️ AI 生成: 此 custom web control 是使用 AI 技术自动生成的，可能包含错误或意外行为。用户有责任在生产环境使用之前进行测试和验证。