Web可视化-智能设备监控平台

以智能设备监控平台为例，介绍如何使用在线开发的Web可视化能力实现智能设备的实时数据展示和控制。

1、 创建项目

登陆平台->项目管理->新建项目。

2、 创建产品

进入项目详情主页，单击左侧导航栏的产品，新建产品/关联天翼物联网平台（AIoT）— 通用组件服务的产品，具体操作请参见产品管理。

本案例创建产品：智能空调，产品所属分类选择智能城市/环境感知/智能空调。

3、 创建设备

进入项目详情主页，单击左侧导航栏的设备，新建设备/关联天翼物联网平台（AIoT）— 通用组件服务的设备，具体操作请参见设备管理。

4、 创建Web可视化应用

进入项目详情主页，单击左侧导航栏的主页，新建Web应用。

5、 新建页面

进入Web应用->新建页面，对页面导航布局、菜单配置、页面样式进行设置；拖拽相关图形、文字、图片等组件至画布，对组件进行排序、整理，单击组件，在右侧配置样式、大小、颜色、边框等。

6、 配置数据源

设备上报的数据可使用多种组件展示，如文字组件、图片组件、实时曲线组件、各种图形组件。配置组件时，需将组件的数据源配置为设备上报的对应数据。

以下示例中，使用了以下组件：

配置文字组件，展示智能设备上报的属性数值(详见下图)。

配置实时曲线组件，用于展示智能设备在一段时间内属性数值的变化。

数据源配置为设备上报的对应属性。如，温度的数据源为智能空调上报的当前温度。

7、 页面排版完成后，点击保存，进行预览，查看和验证所有页面。

8、 点击发布按钮，下载前端运行包，将应用发布至云端。