[发明专利]一种可视化大屏系统的前端装置及其搭建方法

权利要求书

1.一种可视化大屏系统的前端装置，其特征在于，包括：

自定义背景层，用于封装多个供用户选择的动态主题并提供标准接口，渲染默认或用户自定义的动态主题并将其呈现在地图层的底层；

地图层，用于根据地图信息绘制地图图形和LBS位置数据，并基于业务数据信息实时显示人员、楼宇、设备或业务的参数信息；

数据交互呈现层，用于根据地图层传输的地图图形和事件响应数据绘制数据图表并进行显示；

所述数据交互呈现层包括背景编辑器和至少一个图表模块；

所述背景编辑器响应于用户输入的动态主题切换指令从自定义背景层中选择动态主题，生成新的主题类型并进行渲染显示；所述动态主题选择指令中包括主题ID、该主题ID的配置参数以及背景色；

所述图表模块用于根据渲染的主题背景以及地图层传输的地图图形和事件响应数据绘制具有用户自定义主题背景的数据图表并进行显示；

所述地图层和数据交互呈现层之间具有数据双向传输；

数据交互呈现层将绘制的数据图表呈现在地图层上，根据所述数据图表反向在地图层上绘制时间、位置、概要信息；地图层响应于用户设置的数据筛查范围对地图信息和/或业务信息进行筛选，并将筛选结果呈现在数据交互呈现层上。

2.如权利要求1所述的前端装置，其特征在于，所述数据交互呈现层还包括图表控制器；

所述图表控制器用于生成图表模块菜单并显示，响应于用户绘制的图表模块拖拽轨迹调整各图表模块的位置分布。

3.如权利要求2所述的前端装置，其特征在于，所述图表模块菜单中包含每个图表模块的名称、ID、显示方法。

4.一种可视化大屏系统的前端装置的搭建方法，应用于如权利要求1至3中任一项所述的可视化大屏系统的前端装置，其特征在于，包括以下步骤：

创建自定义背景层：封装预置的多个动态主题并为其设置标准接口；

创建地图层：配置地图信息和业务数据信息，根据所述地图信息绘制地图数据图表及根据所述业务数据信息制作事件响应；封装地图层并定义内部数据接口；

创建数据交互呈现层：配置背景编辑器和图表模块，所述背景编辑器支持用户选择自定义背景层中封装的动态主题及参数，渲染主题背景；所述图表模块用于根据渲染的主题背景以及地图层传输的地图数据图表和事件响应数据绘制数据图表；封装图表模块并设置内部通用字段接口。

5.如权利要求4所述的搭建方法，其特征在于，创建自定义背景层具体包括：

创建主题管理对象，设置默认动态主题的配置参数；

封装所述动态主题的各图层并提供标准接口；

渲染默认动态主题及背景参数。

6.如权利要求4或5所述的搭建方法，其特征在于，创建地图层具体包括：

创建地图管理对象管理地图事件，包括地图信息和业务数据信息；

根据所述地图信息绘制区级行政区、街道行政区和社区，根据经纬度信息形成周界范围；

依据筛选条件查询所选范围内的数据项，并将所述数据项传输给数据交互呈现层来绘制界面图形。

7.如权利要求4所述的搭建方法，其特征在于，创建数据交互呈现层包括：

创建图表类管理数据呈现，封装图表模块对应的配置文件并将每个图表模块对应的id、名称以及模块显示方法等保存到变量unit；

根据所述配置文件生成显示模块菜单、界面模块显示以及各图表模块的共用方法；

在每个图表模块外嵌套两个div标签，分别用于与拖拽模块、接收拖拽模块进行交互响应。

8.如权利要求5所述的搭建方法，其特征在于，所述动态主题的标准接口包括动画html元素dom获取、动画效果相关参数定义、动画效果相关参数设置、启动动画和停止动画。