展示机房温湿度数据

操作步骤

1. 定位到目标项目，单击项目名称。

   说明

   此处选择快速体验中已创建的项目，详细内容请参见创建IoT Studio项目。

2. 在项目主页页面的项目开发下，选择Web应用。定位到目标Web应用，单击其操作栏的编辑。

   说明

   此处选择快速体验中已创建的Web应用，详细内容请参见开发可视化应用监控树莓派状态。

3. 调整已添加组件展示位置。

   画布底部从左到右依次排列了指示灯开关、CPU监控（含CPU负载和CPU温度两个仪表盘）、实时内存（仪表盘）和实时存储（进度条）四个组件，可拖拽调整组件的位置和大小。

4. 在应用编辑页面，单击左侧导航栏的组件图标。

5. 配置机房湿度相关组件，并为其配置数据源。

   1. 在画布左侧的组件列表栏，选择基础组件。

   2. 在画布中添加仪表组件和实时曲线组件。

   3. 配置组件样式。

      仪表样式配置如下：在右侧样式面板中，设置全局样式的主题色为#0066FF、矩形进度粗细为4；单位的格式设为%；标题的内容设为机房环境湿度。

      实时曲线样式配置如下：

      在右侧样式面板中，设置实时数据的时间单位为1小时。全局样式设置字体为圆方、轴颜色为#ECEDEE、背景颜色为#FFFFFF。Y轴的数值范围设为0至100，刻度数量设为auto。开启边框显示。

   4. 配置组件数据源。

      在画布中分别选中湿度的仪表和实时曲线组件，在右侧对应的样式栏，单击数据源右侧的配置数据源。

      依次选择设备数据源、目标产品、指定设备和功能属性，并单击确定。

      • 机房湿度的仪表组件数据源设置如下：在弹出的面板中选择关联数据源选项卡，按上述步骤完成配置。

      • 机房湿度的实时曲线组件数据源设置如下：

        说明

        实时数据时间段可根据需要自定义，Web应用发布后，支持选择设置。

        操作方式与仪表组件数据源配置相同，选择湿度对应的功能属性后单击确定。

6. 参考上一步，配置机房温度相关组件，并为其配置数据源。

   温度仪表盘的全局样式中主颜色设置为#DCC216（黄色），以区分湿度仪表盘。温度实时曲线使用黄色线条。数据源配置方式与湿度组件相同，选择温度对应的功能属性。

7. 单击页面顶部栏中的保存图标，保存应用设置。

   完成配置后，Web应用界面展示了机房当前的温湿度数据，与一段时间内温湿度的波动情况。

   Web应用展示的数据帮助您了解机房空调系统的工作状态和设备本身运行情况，方便您及时根据数据异常推断设备故障。

8. 单击页面顶部栏中的预览图标，预览并调试应用。