仪表盘

应用示例

使用仪表盘监控工厂环境状况。如下图所示。

步骤一：添加组件

1. 创建Web应用。具体操作，请参见创建Web应用。

2. 在Web应用编辑器中，单击最左侧的组件图标。

3. 在画布左侧组件列表上方，输入仪表盘，找到该组件，然后将组件拖拽到中间画布。

   有关组件添加的更多信息，请参见添加组件。

   组件面板分为基础组件和工业组件两个分类，仪表盘组件包含多色仪表盘和单色仪表盘两种类型。拖拽到画布后，可在右侧样式面板中配置组件名称、可见性、数值范围等属性。

步骤二：配置数据源

1. 在Web应用编辑器右侧样式中，单击展示数据后的配置数据源。

2. 在数据源配置页面，选择数据源类型，完成配置。
   可选数据类型有设备、接口、应用推送。

   说明 接口或设备数据源返回的数据类型必须为单精度数字、双精度数字、整数。

   以设备数据源为例，在选择数据源面板中需要依次配置以下参数：选择产品、选择设备（支持指定设备、动态设备和空设备三种方式）、选择数据项类型（如设备属性）以及具体的属性。配置完成后可单击格式参考查看示例或单击验证数据格式进行验证，确认无误后单击确定。
3. 单击确定。

步骤三：配置样式

1. 在右侧样式中，完成组件展示的配置。

   配置项	说明
   数值范围	设置仪表盘刻度的最小值和最大值。
   全局样式	设置全局主题色和显示效果。
   展示数据	设置设备属性值的显示字号和粗细。
   单位	关联设备属性后，系统将自动读取属性的单位并展示。支持修改度量单位及显示字号。
   标题	设置仪表盘组件的显示标题及显示效果。如展示温度属性的仪表盘，可设置标题为温度。
   刻度数字	设置是否在仪表盘上显示刻度数字，及可显示的效果。 选中是否隐藏复选框后，仅展示最小和最大值。

2. 调整组件在页面中的最终位置。有关组件通用样式配置的更多信息，请参见样式配置。

3. 单击页面右上方的预览，预览和调试组件展示的数据和样式。