案例

前提条件

已完成Web应用的创建。详细内容请参见创建Web应用。

步骤一：创建模板大屏

1. 打开Web可视化应用编辑页面。

2. 在左侧菜单栏选择。

3. 在下拉框中选择基础组件。

4. 拖拽一个大屏组件到画布。

5. 在选择大屏模板窗口选择通用设备运维大屏，单击根据模板新建。

6. （可选）

   （可选）调整大屏模板显示位置和比例。

步骤二：配置组件数据

1. 选中Web可视化应用编辑页面中画布上的大屏组件，单击右侧样式栏的编辑大屏。

2. 在新打开的IoT大屏编辑|编辑器页面，设置组件数据源。

3. 在数据分析服务中创建数据分析API。

   1. 在物联网平台控制台，选择数据分析。

   2. 在顶部导航栏上选择分析透视，单击SQL分析页签，进入SQL分析列表页。

   3. 单击新建SQL分析，创建SQL分析任务。

   4. 通过产品表和设备表，创建API服务并发布，使其返回产品名称及其设备数量（counts）。

      更多详细指导操作请参见SQL分析。

4. （可选）

   配置数据分析API数据源。

   1. 在IoT大屏编辑|编辑器页面，选中通用设备运维大屏右上方设备品类详情下的轮播列表柱状图组件，并选择数据源配置页签。

      

   2. 根据已创建的数据分析API返回数据的字段，设置字段映射关系。

      

   3. 单击配置数据源。

   4. 在设置数据源配置面板，选择数据分析API数据源类型，并选择已创建好的API（例如：getProAll）。

      

   5. 关闭设置数据源配置面板。

   6. 查看数据响应结果及组件显示。

      
   您可参考以上步骤，为各个组件配置数据源，完成后，大屏应用中将降序显示当前物联网账号下所有的产品及产品中包含的设备数量。