前提条件
前置条件
- 配置数据来源并导入告警数据。
该大屏页面中地图、基本柱图、基本折线图、基本饼图、数据标记柱图组件显示的数据来自于后台接口,您需要在该开发页面配置所有组件用到的桥接器,配置前,需要获取所有组件调用后台的自定义接口URL。
- 单击下载链接获取应用包“Mock.zip”,在开发环境首页单击“管理”,选择“应用管理 > 软件包管理 > 软件包安装”,单击“新建”,将应用包拖入安装。安装该包的具体方法请参考安装软件包。安装后,返回到首页单击“告警服务Mock应用”,您可进入该应用查看到告警对象、脚本、服务编排和自定义接口的详细信息。图1 选择安装的mock应用
- 单击下载链接获取告警数据包“hab__INF_WARN__CST.zip”,在开发环境首页单击“管理”,选择“系统管理 > 数据处理 > 数据导入”,单击“新建”,将告警数据包拖入进行导入。
等待一分钟后,单击操作列
,数据导入页面中会更新导入状态,“Completed”表示导入成功。如果数据导入失败,您可以从邮件内容或导入页面“详情”中获知失败原因。
图2 数据导入 - 在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
统计告警数量趋势。
- 在Model文件夹下可查看到告警对象“hab__INF_WARN__CST”的字段信息,对象的创建方法请参考定义对象。
- 单击下载链接获取应用包“Mock.zip”,在开发环境首页单击“管理”,选择“应用管理 > 软件包管理 > 软件包安装”,单击“新建”,将应用包拖入安装。
