首页 案例

案例

更新时间: 2022-10-11 10:26:25

本文以通用设备运维大屏模板和数据分析API数据源为例,演示开发大屏应用的方法,并在大屏应用中显示当前物联网账号下所有的产品及产品中包含的设备数量。

前提条件

已完成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分析API服务

  4. (可选)

    配置数据分析API数据源。

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

      选择组件
    2. 根据已创建的数据分析API返回数据的字段,设置字段映射关系。

      字段映射
    3. 单击配置数据源

    4. 设置数据源配置面板,选择数据分析API数据源类型,并选择已创建好的API(例如:getProAll)。

      选择数据分析API
    5. 关闭设置数据源配置面板。

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

      数据显示效果

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