条件触发告警动画
乐吾乐2D可视化组态编辑器地址:https://2d.le5le.com/
如图所示,左侧文本图元数值一直在变化,当数值大于等于50的时候,右侧矩形图元执行告警动画,当数值小于50的时候,右侧图元恢复正常。依此为例,进行步骤说明。
1. 绑定变量
- 为左侧文本图元添加数据,填写显示名称、属性名(显示数值填写text),选择文本类型,点击确定。
2. 点击绑定按钮,弹出绑定变量对话框,选择任意一个数据点后,点击确定。
2. 建立通信
点击画布空白位置,选择通信面板,填写官方提供的测试地址,http地址(/api/device/data?mock=1),可以观察到绑定变量的文本图元数值在变化。
3. 配置动画
选中右侧矩形图元,选择动效面板,在动画效果中选择告警。(也可以选择其他动画效果,点击下方播放查看具体的动画效果。)
4.添加事件
- 选中左侧文本图元,在右侧事件面板中添加两个条件相反的事件,具体配置如图:
这两个事件的逻辑是:若当前图元的属性名(text)满足条件(text>=50)时,会执行目标图元(目标填写id/tag,这里填写的是右侧矩形的id)的动画。若当前图元的text值小于50的时候,会停止目标图元的动画。
2. 点击右上角锁定画布。
注意:当画布是非编辑状态时,才允许事件的触发和执行。