更新时间:2022-04-27 GMT+08:00
分享

前提条件

前置条件

  • 配置数据来源并导入告警数据。

    该大屏页面中地图、基本柱图、基本折线图、基本饼图、数据标记柱图组件显示的数据来自于后台接口,您需要在该开发页面配置所有组件用到的桥接器,配置前,需要获取所有组件调用后台的自定义接口URL。

    1. 单击下载链接获取应用包“Mock.zip”,在开发环境首页单击“管理”,选择“应用管理 > 软件包管理 > 软件包安装”,单击“新建”,将应用包拖入安装。
      安装该包的具体方法请参考安装软件包。安装后,返回到首页单击“告警服务Mock应用”,您可进入该应用查看到告警对象、脚本、服务编排和自定义接口的详细信息。
      图1 选择安装的mock应用
    2. 单击下载链接获取告警数据包“hab__INF_WARN__CST.zip”,在开发环境首页单击“管理”,选择“系统管理 > 数据处理 > 数据导入”,单击“新建”,将告警数据包拖入进行导入。

      等待一分钟后,单击操作列,数据导入页面中会更新导入状态,“Completed”表示导入成功。如果数据导入失败,您可以从邮件内容或导入页面“详情”中获知失败原因。

      图2 数据导入
    3. 在Mock应用开发界面,可以看到所有后台逻辑(脚本、服务编排)、对象和自定义接口的详细信息。

      • 在Model文件夹下可查看到告警对象“hab__INF_WARN__CST”的字段信息,对象的创建方法请参考定义对象
        图3 告警对象
      • 在Logic文件夹下可查看到后台接口(服务编排、脚本)的定义,服务编排和脚本的创建方法请参考开发脚本开发服务编排
        图4 后台逻辑
      • 在App视图下左下角单击“服务”,可查看到自定义接口的详细信息。其中URL用于配置在页面组件的桥接器数据源中。自定义接口的创建方法请参考自定义调用服务编排的URL
        图5 自定义接口URL

        页面组件中桥接器数据源配置说明如表1所示。

        表1 组件桥接器配置说明

        组件

        桥接器

        自定义接口URL

        功能说明

        基本柱图

        柱状图和折线图数据桥接器

        /service/hab__mock/1.0.1/WarnAmountPerStatus

        分状态进行告警处理情况统计,状态分:待派单、已派单、处理中、已关闭。

        基本折线图

        柱状图和折线图数据桥接器

        /service/hab__mock/1.0.1/WarnCostPerDay

        统计告警处理平均时长。

        地图

        “覆盖物数据”区域下的“地图覆盖物数据桥接器”桥接器

        /service/hab__mock/1.0.1/WarnAmountPerRegion

        分地区统计告警数量接口。

        基本饼图

        饼图数据桥接器

        /service/hab__mock/1.0.1/WarnAmountPerType

        分类型告警数量统计接口。

        基本折线图

        柱状图和折线图数据桥接器

        /service/hab__mock/1.0.1/WarnAmountPerDay

        统计告警数量趋势。

分享:

    相关文档

    相关产品

close