刻度表组件以刻度表的样式展示数据,支持横向和竖向展示。该组件支持配置样式和交互动作,可绑定设备和接口数据源使用。本文介绍工业组件中仪表下刻度表组件的配置与使用方法。

前提条件

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

操作步骤

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

  1. 在Web可视化编辑页面,单击最左侧的组件图标组件
  2. 在画布左侧组件下拉列表,选择工业组件,并展开仪表列表。
  3. 拖拽一个刻度表组件到画布中,单击右侧样式数据源对应的配置数据源
    刻度表组件
  4. 在展开的数据源配置面板,完成数据源配置,并单击确定
    有关数据源的详细配置操作,请参见设备接口
    说明 数据源返回的数据类型必须为单精度数字、双精度数字、整数。
  5. 根据以下配置项说明(见下表)完成组件展示样式的配置。
    配置项 说明
    展示方向 设置刻度表展示方向。 默认横向。
    数值范围 设置刻度表展示的数值范围(最大、最小值)和刻度间隔值(步长)。
    数值条样式 设置刻度表中的数值条颜色和弧度。
    刻度展示 设置是否展示刻度。默认展示,支持设置字号颜色
    单位 设置是否展示数据单位。默认展示,支持设置图表单位字号颜色
    读数 设置是否展示当前数据的值。默认展示,支持设置字号读数颜色
    背景颜色 设置刻度表的背景颜色。
  6. 可选:在Web可视化编辑页面,选中目标组件的交互页签,配置事件和交互动作。详细配置指导请参见交互配置
  7. 单击页面右上方的预览,查看或调试组件的展示数据。