一字形管道连接组件可关联数据展示和控制管道内的流动效果和方向,支持配置样式和交互动作,可绑定设备数据源使用。本文介绍工业组件中管道下的一字管道组件的配置与使用方法。

前提条件

参考以下操作完成Web应用创建。
  1. 创建普通项目
  2. 创建Web应用

操作步骤

本文主要介绍组件样式的个性配置。有关组件样式的通用配置,请参见样式配置

  1. 在Web可视化编辑页面,单击最左侧的组件图标组件
  2. 在画布左侧组件下拉列表,选择工业组件,并展开管道列表。
  3. 拖拽一个一字管道组件到画布中,在右侧样式中根据配置项说明(见下表)配置管道的流动效果
    说明 当您关闭流动效果后,该组件仅作为显示组件,不再支持流动效果配置。
    一字管道组件
    配置项 说明
    流动动画 配置管道的动画开启。支持静态配置和动态关联设备配置。
    • 静态配置
      • 开:开启管道动画,管道标志以正常颜色进行滚动。
      • 关:关闭管道动画,管道标志以停止颜色静止显示。
    • 动态关联设备:配置数值(单精度数字、双精度数字、整数)或布尔型数据源来控制管道的动画开启。仅支持配置设备数据源。

      单击右侧的配置数据源按钮。有关设备数据源的配置指导请参见设备

    数据来源 流动动画动态关联设备使用时,才显示该参数。用于展示设备属性字段,您可根据展示的数据源配置流动条件。
    流动条件 流动动画动态关联设备使用时,才显示该参数。根据数据来源类型配置流动条件。
    • 数值型:设置一个数值大小判断关系来决定是流动还是静止。

      先设置流动的判断条件,满足以下条件,开始流动。

      • >阈值:已配置数据源大于某个值。
      • >=阈值:已配置数据源大于或等于某个值。
      • <=阈值:已配置数据源小于或等于某个值。
      • <阈值:已配置数据源小于某个值。
      • ==阈值:已配置数据源等于某个值。
      • !=阈值:已配置数据源不等于某个值。

      然后设置流动阈值

    • 布尔型:将布尔值与流动、静止状态进行映射,默认True(1)对应流动,False(0)对应静止。支持根据实际场景修改映射关系。
    流动阈值 流动动画动态关联设备使用,且数据来源类型为数值型时,才显示该参数。

    支持静态配置和动态关联设备配置。

    • 静态配置:设置一个满足数据类型的值。
    • 动态配置:设置一个接口或设备数据源,返回的数据类型必须为数值型。详细内容请参见接口设备
    流动方向 设置管道标志的流动方向,支持静态配置和动态关联设备配置。
    • 静态配置
      • 红端-蓝端(默认值):从左至右流动。
      • 蓝端-红端:从右至左流动。
      说明 红(左)蓝(右)两端的色条仅在编辑器内出现,运行态不展示。
    • 动态关联设备配置:配置数值或布尔型数据源来控制方向改变。仅支持配置设备数据源。

      单击右侧的配置数据源按钮。有关设备数据源的配置指导请参见设备

    数据来源 流动方向动态关联设备使用时,才显示该参数。用于展示设备属性字段,您可根据展示的数据源配置流动方向的切换条件。
    默认方向 流动方向动态关联设备使用时,才显示该参数。展示当前管道的流动方向。默认方向为红端-蓝端,支持修改。
    方向切换条件 流动方向动态关联设备使用时,才显示该参数。根据数据来源类型配置方向切换条件。
    • 数值型:设置数值大小判断关系来决定是按照默认方向流动,还是逆向流动。

      先设置流动方向切换的判断条件,满足以下条件,切换方向流动:>阈值、>=阈值、<=阈值、<阈值、==阈值、!=阈值。

      然后设置方向阈值

    • 布尔型:将布尔值与流动方向进行映射,默认True(1)对应向右,False(0)对应向左。支持根据实际场景修改映射关系。
    方向阈值 流动方向动态关联设备使用,且数据来源类型为数值型时,才显示该参数。

    支持静态配置和动态关联设备配置。

    • 静态配置:设置一个满足数据类型的值。
    • 动态配置:设置一个接口或设备数据源,返回的数据类型必须为数值型。详细内容请参见接口设备
    正常/停止颜色 设置管道流动或静止时的颜色。
  4. 可选:在Web可视化编辑页面,选中目标组件的交互页签,配置事件和交互动作。详细配置指导请参见交互配置
  5. 单击页面右上方的预览,查看或调试组件的展示数据。