带你玩转虹科HMI中的表格控件!
在实际应用中, 用户常常使用HMI来采集设备数据并进行数据可视化,进而直观地查看设备状态,保证企业的正常生产。除了曲线、模拟仪表、散点图、柱状图、文本等可视化方式外,表格也常常被用来展示数据。
今天小编就详细地给大家介绍虹科HMI中的表格控件。
01
效果展示
如下是基于某用户的数据可视化需求,采用虹科HMI中的表格控件展示设备1~5的关键参数(温度/湿度/压力/液位/启停状态),并结合趋势控件展示设备参数的历史曲线。
表格中不同参数的背景颜色也可以自由设定,更加直观地展示设备参数。而且,用户可以基于设备名称、参数名称或者设备序号对设备参数进行筛选和排序。
表格筛选效果图:
表格排序效果图:
02
参数配置
优秀的用户体验是衡量设备的关键因素之一,虹科HMI从用户角度出发,为用户提供简单易上手的组态软件,帮助用户高效完成HMI设备的功能组态。如下是虹科HMI中表格控件的配置过程。
1. 配置表格数据源
(1)从软件右侧控件库中找到表格数据源控件“Table Data Source”,并拖拽到页面中。
(2)在页面下方空白处,添加行和列,并链接数据标签。如果想为设备参数设置背景颜色,可以单独添加一列,并为每个参数行设置颜色。
2. 配置表格控件
(1)从软件右侧控件库中找到表格控件“Table”并拖拽到页面中,同时将表格控件的数据源链接到刚刚设置的表格数据源。
(2)表格控第一行添加静态文本作为表格表头,第二行添加动态文本作为数据行模板,同时将动态文本链接到表格数据源中对应的数据列。
(3)将表格控件中的“Rows background”属性链接到表格数据源中的“color”列,设置参数的背景颜色。
(4)将表格控件中的“Table filter”属性链接到表格数据源中的“name”列,设置表格的条件筛选。
(5)将表格控件中的“Table sorting 1 Column”属性链接到表格数据源中的“parameters”列,并设置排序模式(升序/降序)和排序规则(数字/字母)。
注:也可通过按钮触发软件内部的宏程序“SetTableSortingColumn”完成表格排序。
(6)至此,完成表格控件的参数配置,用户可以打开仿真器进行模拟测试。
03
总结
通过虹科HMI表格控件,用户可以直观、高效地查看设备参数,分析当前设备状态,从而提高设备运维效率,保证企业的正常生产。
-
数据
+关注
关注
8文章
7193浏览量
89818 -
HMI
+关注
关注
9文章
603浏览量
48815
发布评论请先 登录
相关推荐
虹科直播 | 2月18日开讲!IO-Link技术深度解析!解锁虹科自研产品+积分好礼!
![<b class='flag-5'>虹</b><b class='flag-5'>科</b>直播 | 2月18日开讲!IO-Link技术深度解析!解锁<b class='flag-5'>虹</b><b class='flag-5'>科</b>自研产品+积分好礼!](https://file.elecfans.com/web2/M00/3F/D7/poYBAGJqPMKAEXjWAAAOpepuZJ8475.jpg)
虹科方案 仅需4个步骤!轻松高效搭建虹科TSN测试网络
![<b class='flag-5'>虹</b><b class='flag-5'>科</b>方案 仅需4个步骤!轻松高效搭建<b class='flag-5'>虹</b><b class='flag-5'>科</b>TSN测试网络](https://file1.elecfans.com/web3/M00/04/EE/wKgZPGd7TjOAdqIIAAGDHW9flTs144.png)
虹科电子12月事件回顾
虹科培训 | 重磅来袭!波形分析课程全面上线!
![<b class='flag-5'>虹</b><b class='flag-5'>科</b>培训 | 重磅来袭!波形分析课程全面上线!](https://file.elecfans.com/web2/M00/3F/D7/poYBAGJqPMKAEXjWAAAOpepuZJ8475.jpg)
虹科活动回顾 | 波形诊断开放日-上海站圆满落幕!
![<b class='flag-5'>虹</b><b class='flag-5'>科</b>活动回顾 | 波形诊断开放日-上海站圆满落幕!](https://file.elecfans.com/web2/M00/3F/D7/poYBAGJqPMKAEXjWAAAOpepuZJ8475.jpg)
万字干货!虹科CAN XL研讨会问答,你想知道的都在这里!
![万字<b class='flag-5'>干货</b>!<b class='flag-5'>虹</b><b class='flag-5'>科</b>CAN XL研讨会问答,你想知道的都在这里!](https://file.elecfans.com/web2/M00/3F/D7/poYBAGJqPMKAEXjWAAAOpepuZJ8475.jpg)
虹科培训 | 重磅升级!全新模式月底开班,你想学的都在这里!
![<b class='flag-5'>虹</b><b class='flag-5'>科</b>培训 | 重磅升级!全新模式月底开班,你想学的都在这里!](https://file.elecfans.com/web2/M00/3F/D7/poYBAGJqPMKAEXjWAAAOpepuZJ8475.jpg)
虹科应用 为什么虹科PCAN方案能成为石油工程通讯的首选?
![<b class='flag-5'>虹</b><b class='flag-5'>科</b>应用 为什么<b class='flag-5'>虹</b><b class='flag-5'>科</b>PCAN方案能成为石油工程通讯的首选?](https://file1.elecfans.com/web1/M00/F4/9B/wKgaoWct0A-AU_vzAAJk7vlE834169.png)
虹科干货 轻松掌握PCAN-Explorer 6,dll调用一文打尽!
![<b class='flag-5'>虹</b><b class='flag-5'>科</b><b class='flag-5'>干货</b> 轻松掌握PCAN-Explorer 6,dll调用一文打尽!](https://file1.elecfans.com//web2/M00/04/87/wKgZombP0zuAGzv6AACaD3t--K0398.png)
虹科方案 领航智能交通革新:虹科PEAK智行定位车控系统Demo版亮相
![<b class='flag-5'>虹</b><b class='flag-5'>科</b>方案 领航智能交通革新:<b class='flag-5'>虹</b><b class='flag-5'>科</b>PEAK智行定位车控系统Demo版亮相](https://file1.elecfans.com//web2/M00/04/47/wKgZombNK52Aa5HPAADGgB4maoE520.png)
虹科应用 当CANoe不是唯一选择:发现虹科PCAN-Explorer 6
![<b class='flag-5'>虹</b><b class='flag-5'>科</b>应用 当CANoe不是唯一选择:发现<b class='flag-5'>虹</b><b class='flag-5'>科</b>PCAN-Explorer 6](https://file1.elecfans.com//web2/M00/02/F4/wKgZoma-3rqAXGGLAACCkzCx7tM772.jpg)
虹科案例|为什么PCAN MicroMod FD是数模信号转换的首选方案?
![<b class='flag-5'>虹</b><b class='flag-5'>科</b>案例|为什么PCAN MicroMod FD是数模信号转换的首选方案?](https://file1.elecfans.com/web2/M00/ED/93/wKgaomZn_UyACCDCAAFmNIzMLig599.png)
虹科干货|HK-TE-200x系列FAQ(一):如何定义EES的VLAN?
![<b class='flag-5'>虹</b><b class='flag-5'>科</b><b class='flag-5'>干货</b>|HK-TE-200x系列FAQ(一):如何定义EES的VLAN?](https://file1.elecfans.com/web2/M00/C2/84/wKgZomXlaQyAKVq1AADdk3nYiWA060.png)
评论