指示灯组件可用于显示设备状态、告警等。使用该组件需配置指示灯数据源（设备和接口），根据返回的布尔型或数值型数据，配置不同的显示颜色或图片。该组件支持配置样式和交互动作。本文介绍指示灯组件的配置和使用方法。

前提条件

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

操作步骤

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

  1. 在Web可视化编辑页面，单击最左侧的组件图标组件。
  2. 在画布左侧组件下拉列表，选择基础组件，并展开基础列表。
  3. 拖拽一个指示灯组件到画布中，单击右侧样式中展示数据对应配置数据源。
    指示灯组件
  4. 在展开的数据源配置面板，完成数据源配置，并单击确定。
    有关数据源的详细配置操作，请参见设备和接口。
    说明 设备数据源支持返回的数据类型为布尔型（bool）、枚举型（enum）和整数型（int）。接口数据源支持返回的数据类型为布尔型（bool）和数值型（单精度数字、双精度数字和整数）。
    • 布尔型：true对应开，false对应关。
    • 整数型：将设备返回的整数型数据转换为布尔型，需设置转换为True和False的整数值。
    • 枚举型：不同枚举值对应不同的状态和颜色，支持配置。 可根据产品物模型的枚举型属性配置相应颜色。
    • 数值型：使用数据过滤脚本将接口返回的数值型数据转换为布尔型或枚举型。
    组件会根据解析绑定的属性的状态，展示对应的配置面板。
  5. 选择展示样式，完成指示灯样式配置。
    样式示例
    • 颜色：指示灯会展示设备当前属性值对应的默认颜色，支持修改
    • 图片模式：上传图片后，指示灯会展示设备当前属性值对应的图片。
  6. 可选： 在Web可视化编辑页面，选中目标组件的交互页签，配置事件和交互动作。详细配置指导请参见交互配置。
  7. 单击页面右上方的预览，查看或调试组件的展示数据。