一种电力供电区域采集数据可视化展示的方法技术

本发明专利技术涉及一种电力供电区域采集数据可视化展示的方法，1、获取地图json数据；2、获取散点坐标数据，以市为单位组织散点坐标的json文件，散点坐标文件json名与地市名相同；3、通过Eclipse建立Web工程，新建jsp页面用于进行页面展示；4、基于Echarts的api，融入供电单位编码、供电区域、采集数据，封装js方法。本发明专利技术将绘制地图的方法进行了整合，使用极少的代码即可完成地图展示的编写，极大地提高了开发效率，降低了学习成本，数据加载效率高，实现了动态的加载数据，设计了坐标文件的组织格式解决了地图数据初始化问题。

【技术实现步骤摘要】
一种电力供电区域采集数据可视化展示的方法
本专利技术涉及电力供电区域采集
，特别涉及需要在地图上用散点图进行展示的一种电力供电区域采集数据可视化展示的方法。
技术介绍
为了实现在用电信息采集系统中能够直观地展示供电区域数据的效果，需要在页面中添加地图，同时在相应地图位置添加相应的展示数据。通过查询数据库中的数据，将供电区域的信息实时地展示在屏幕，并对数据进行相应的颜色标注，做到使供电区域的信息一目了然的效果。目前，采集数据可视化展示主要使用的技术为SVG绘制地图，使用SVG地图主要有以下缺点：1、由于SVG的地图为手工绘制，需要针对每个地市进行绘制，开发效率低；2、开发周期长，开发的时间大部分浪费在地图的绘制上以及各种逻辑的编写；3、学习成本高，开发地图需要掌握SVG的绘制；4、实现的效果比较差。
技术实现思路
为解决上述技术问题，本专利技术提供一种电力供电区域采集数据可视化展示的方法，借助Echarts的json地图数据和业务需要的散点坐标数据并融入供电单位编码、供电区域类型等业务数据，对Echarts的api进行了相应的封装。本专利技术的方案底层基于Echarts，主要用到了Echarts对象的geo、scatter、map三个模块，为了方便开发进行了二次封装。其中，geo用来显示地图、并配合scatter散点图做数据展示的功能，map主要作为地图的阴影来使用、实现地图的阴影效果。本专利技术所采用的技术方案如下：一种电力供电区域采集数据可视化展示的方法，包括以下步骤：步骤1、获取地图json数据；步骤2、获取散点坐标数据，散点坐标数据为根据采集业务数据可视化展示的需要整理的json格式的文件，按照目前业务需要，为了展现散点图，以市为单位组织散点坐标的json文件，散点坐标文件json名与地市名相同；步骤3、通过Eclipse建立Web工程，新建jsp页面用于进行页面展示，该方法可以根据传进的地图编码来获取服务器中的地图json数据和散点图需要的散点坐标数据；步骤4、基于Echarts的api，融入供电单位编码、供电区域、采集数据，封装js方法，避免了代码的重复编写，简化了开发步骤；步骤5、在页面引入MAP.js方法完成地图创建并展示。优选地，步骤4所述的封装js方法包括以下步骤：步骤4.1、通过封装初始化方法initMap()，根据传入的id生成Echarts对象，同时调用初始化参数方法initParam()初始化相关的参数；步骤4.2、在完成地图容器的初始化方法之后，封装一个新的方法registMap()用于地图注册；步骤4.3、地图注册完毕后，封装获取地图数据的方法getTmpData()；步骤4.4、封装创建地图方法createTown()；步骤4.5、封装地图展示方法getTownData()；步骤4.6、封装下转next()方法和返回back()方法，实现从全国地图到省再到市的收缩效果；步骤4.7、将步骤4.1-4.6中的方法再次封装成map.js，在使用的时候引入该map.js文件，map.js会在页面加载过程中自动创建一个map对象，页面调用的时候就可以调用该对象中的方法。优选地，步骤4.2所述的一个新的方法registMap()底层使用Echarts自身的地图注册方法，同时加入用电信息采集系统的业务需要，重新封装地区编码、地区名称和地区类别三个参数。优选地，步骤4.4所述的创建地图方法createTown()底层基于Echarts的方法进行重新封装，在该方法中动态地拼接Echarts创建地图需要的参数、并使用setOption()方法创建地图。优选地，步骤4.5所述的地图展示方法getTownData()根据传进的参数发送异步请求，通过JDBC查询数据库中的真实数据，等数据返回后将数据写入地图进行展示。优选地，步骤4.1所述的根据传入的id生成Echarts对象，包括：操作对象option、数据对象data、地图对象geoCoordMap、区域颜色areaColor。优选地，步骤1所述的获取地图json数据的方法是：地图json数据为Echarts官网提供，根据电力供电区域采集业务数据可视化展示的需要下载相应的json文件。本专利技术的有益效果：1、本专利技术将绘制地图的方法进行了整合，同时该方法并不拘泥于现在整合的api，可以根据需要自行添加以适应不同的要求，并可使用于其他Echarts组件的整合，为二次开发整合拓宽了思路。2、通过与Echart原生方法比较，使用极少的代码即可完成地图展示的编写，极大地提高了开发效率，适合基础较薄弱的开发者使用，降低了学习成本。3、系统后台自动根据编号到指定文件夹找到对应编号的地图json文件并进行地图注册生成地图，同时会获取地图坐标数据，并加载模板数据，展示出坐标文件中的各个供电所的位置。同时发送ajax请求查询真实数据并在数据成功返回后重新加载散点数据，加载的时候只刷新散点数据，数据加载效率高。4、设计了散点地图json文件名跟供电区域地市编码相同的方案，实现了动态的加载数据。5、设计了坐标文件的组织格式，解决了地图数据初始化问题。说明书附图图1是本专利技术的逻辑流程框图；图2是本专利技术的步骤4封装js方法的逻辑流程框图。具体实施方式下面结合附图，具体说明本专利技术的实施方式。如图1所示，是本专利技术的逻辑流程框图。一种电力供电区域采集数据可视化展示的方法，本方法最终提供给使用者的是一个Map.js，通过在使用页面的源码中引入该文件，即可调用相应的方法，即便没有学过Echarts使用方法也可以轻松使用。具体包括以下步骤：步骤1、获取地图json数据；地图json数据为Echarts官网提供，根据电力供电区域采集业务数据可视化展示的需要下载相应的json文件。数据格式为标准的json格式，包括“type”、“features”、“id”、“properties”、“name”、“cp”、“childNum”、“geometry”、“coordinates”等属性。该文件保存在业务系统的约定好目录中，以供电单位编号.json命名。具体实例：通过访问Echarts官网下载四川省成都市地图json数据，重命名为5140100.json。保存入e200pro_web\src\main\webapp\js\dp\map\json\目录下，以备S4.3使用。文件格式内容如下：步骤2、获取散点坐标数据，以市为单位组织散点坐标的json文件，散点坐标文件json名与地市名相同。将地图json文件与数据库中地市的编号对应，以供电单位编号.json命名，并将json文件统一放入指定的文件夹中，这样数据库便跟地图文件形成了一一对应的关系，通过城市编码便能获取对应的地图json文件进行注册绘制最后展示在页面。该json文件中存放的是一个json数组，数组中放着市区各个区县的数据，其中每个区县数据中包含区县名称、编号和geo、dataTemp，其中区县编号用于和地图匹配使用，geo用于地图上供电所的坐标定位，dataTemp为模拟数据，为了避免数据库没有数据的时候地图展示空白。Geo加载完城后每个坐标都会带供电所编号，dataTemp中的数据便通过org_no来与坐标匹配，加载出散点图。散点本文档来自技高网...

【技术保护点】
一种电力供电区域采集数据可视化展示的方法，其特征在于，包括以下步骤：步骤1、获取地图json数据；步骤2、获取散点坐标数据，以市为单位组织散点坐标的json文件，散点坐标文件json名与地市名相同；步骤3、通过Eclipse建立Web工程，新建jsp页面用于进行页面展示；步骤4、基于Echarts的api，融入供电单位编码、供电区域、采集数据，封装js方法；步骤5、在页面引入MAP.js方法完成地图创建并展示。

【技术特征摘要】
1.一种电力供电区域采集数据可视化展示的方法，其特征在于，包括以下步骤：步骤1、获取地图json数据；步骤2、获取散点坐标数据，以市为单位组织散点坐标的json文件，散点坐标文件json名与地市名相同；步骤3、通过Eclipse建立Web工程，新建jsp页面用于进行页面展示；步骤4、基于Echarts的api，融入供电单位编码、供电区域、采集数据，封装js方法；步骤5、在页面引入MAP.js方法完成地图创建并展示。2.根据权利要求1所述的一种电力供电区域采集数据可视化展示的方法，其特征在于，步骤4所述的封装js方法包括以下步骤：步骤4.1、通过封装初始化方法initMap()，根据传入的id生成Echarts对象，同时调用初始化参数方法initParam()初始化相关参数；步骤4.2、在完成地图容器的初始化方法之后，封装一个新的方法registMap()用于地图注册；步骤4.3、地图注册完毕后，封装获取地图数据的方法getTmpData()；步骤4.4、封装创建地图方法createTown()；步骤4.5、封装地图展示方法getTownData()；步骤4.6、封装下转next()方法和返回back()方法；步骤4.7、将步骤4.1-4.6中的方法再次封装成map.js。3.根据权利要求2所述的一种电力供电区域采集数据可视化展示的方法，其特...

【专利技术属性】
技术研发人员：潘可佳，刘捷，龚艳，杨懿，王鑫，卢云生，刘仲，
申请(专利权)人：国网四川省电力公司信息通信公司，
类型：发明
国别省市：四川,51