Live diagram: Displaying the machine load in real time as a line diagram

<< 点击显示目录 >>

主页  mappView帮助助手 > mapp View帮助信息 > Widgets  > 使用案例 >

Live diagram: Displaying the machine load in real time as a line diagram

要求。

目标是实时跟踪两台机器的负载,并在线路图中显示这些信息。两台机器的负载都可以在0-100%之间。第一台机器的负载应显示为黄色;第二台机器的负载应显示为蓝色。时间值应显示为小时、分钟和秒。

解决方案

要使用的小工具。

OnlineChart。 这个部件作为一个实时线图的容器。其他小部件被添加到这里。

OnlineChartTimeAxis: 这个小组件显示图表的X轴。时间值指定了机器负载过去/现在有效的时间点。

OnlineChartYAxis: 这个小组件作为图表的Y轴。它代表机器负载的数值范围。

OnlineChartGraph: 这个小组件将机器负载的输入值实时地画成一条线。这个部件必须被添加两次,因为有两个值被显示。

使用小组件

步骤1:

从小部件目录中选择小部件 "OnlineChart "并将其添加到内容片上。

oc_uc1_insertonlinechart

第2步。

将小组件 "OnlineChartTimeAxis "放在在线图表上。

oc_uc1_inserttimeaxis

第3步。

将小部件 "OnlineChartYAxis "放在在线图表上。

oc_uc1_insertyaxis

第4步。

在Y轴上添加两个 "OnlineChartGraph "小组件。

oc_uc1_inserttwographs

第5步。

配置第一个 "OnlineChartGraph "小组件。用属性 xAxisRefId指定相关X轴的名称 。此外,来自机器1的负载值(保存在一个数字变量中)被绑定到属性 同样地,图形上的线的颜色也被属性 lineColor设置为黄色 。

oc_uc1_configuregraph1

第6步。

配置第二个 "OnlineChartGraph "小组件。用属性 xAxisRefId指定相关X轴的名称 。此外,来自机器2的负载值(保存在一个数字变量中)被绑定到属性 同样地,图形上的线的颜色也被属性 lineColor设置为蓝色 。

oc_uc1_configuregraph2

第7步。

配置部件 "OnlineChartTimeAxis",以显示小时、分钟和秒的时间值。属性 格式 被定义为 "hh:mm:ss"。

oc_uc1_configuretimeaxis

结果

当连接到HMI应用程序时,创建的实时线图将看起来像这样。

oc_uc1_finalresult