仪表盘组件可用于展示设备的某个属性值或接口返回的数值型数据,支持配置样式和数据源(设备和接口),不支持配置交互动作。本文介绍仪表盘组件的配置和使用方法。

前提条件

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

操作步骤

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

  1. 在Web可视化编辑页面,单击最左侧的组件图标组件
  2. 在画布左侧组件下拉列表,选择基础组件,并展开图表列表。
  3. 拖拽一个仪表盘组件到画布中,单击右侧样式展示数据对应配置数据源
    仪表盘组件
  4. 在展开的数据源配置面板,根据配置项说明(见下表)完成数据源配置,并单击确定
    有关数据源的详细配置操作,请参见接口设备
    说明 接口或设备数据源返回的数据类型必须为单精度数字、双精度数字、整数。
    数据源配置
  5. 根据配置项说明(见下表)完成数据展示样式的配置。
    配置项 说明
    数值范围 设置仪表盘刻度的最小值最大值
    全局样式 设置主题色(弧形进度、展示数据、单位)、弧形进度粗细、弧形底色、背景颜色、边框(粗细、颜色、样式)。
    展示数据 设置设备属性值的显示字号和粗细。
    单位 设置属性值的度量单位和单位的显示字号。

    关联设备属性后,系统将自动读取属性的单位,您可以在此处修改单位。

    标题 设置仪表盘组件的显示标题(标题的内容、字号、粗细和颜色),如展示温度属性的仪表盘,可设置标题为温度
    刻度数字 设置是否在仪表盘上显示刻度数字。默认显示,支持设置字号粗细颜色

    选中是否隐藏复选框后,不显示刻度数字,仅展示最小值和最大值。

  6. 单击页面右上方的预览,查看或调试组件的展示数据。