CN106228586A - 一种将党建数据图形化显示的方法及装置 - Google Patents

Abstract

本发明涉及一种将党建数据图形化显示的方法，包括如下步骤：取得党建数据，并将其转换为设定格式的数据格式；取得显示的图形类型，确定所述取得的党建数据对应于所述图形类型中的具体参数名称；将转换为设定格式的党建数据作为所述显示图形的对应参数，调用底层图形处理库，得到图形并显示在浏览器上。本发明还涉及一种实现上述方法的装置。实施本发明的一种将党建数据图形化显示的方法及装置，具有以下有益效果：其数据取得较为方便、能将数据客观地表现出来、使用方便。

Description

一种将党建数据图形化显示的方法及装置

技术领域

本发明涉及数据处理，更具体地说，涉及一种将党建数据图形化显示的方法及装置。

背景技术

党的建设是各基层组织、机关等机构的一项非常重要的日常工作。但是，如何量化一个机构或者一个行政区域内各机构的党建工作，使得上级机关或领导能够一目了然地对其做出一个基本正确的评价，一直以来都缺乏一个较为有效的方法，也是很多党务工作者和机关的努力方向。在大多数时候，通常是各基层组织向上级提交一个报告，对自己一段时间以来的党建工作进行汇报。这样的报告都是单独的，并不能将其综合在一起，需要其中的数据时也只能逐一查找、引用，更不能将某个单位或某个行政区域的数据综合在一起客观地表现出来，以便于总结和使用。所以，现有技术中的党建数据取得较为困难、不能将数据客观地表现出来、使用也不方便。

发明内容

本发明要解决的技术问题在于，针对现有技术的上述党建数据取得较为困难、不能将数据客观地表现出来、使用也不方便的缺陷，提供一种数据取得较为方便、能将数据客观地表现出来、使用方便的一种将党建数据图形化显示的方法及装置。

本发明解决其技术问题所采用的技术方案是：构造一种将党建数据图形化显示的方法，包括如下步骤：

A）取得党建数据，并将其转换为设定格式的数据格式；

B）取得显示的图形类型，确定所述取得的党建数据对应于所述图形类型中的具体参数名称·；

C）将转换为设定格式的党建数据作为所述显示图形的对应参数，调用底层图形处理库，得到图形并显示在浏览器上。

更进一步地，所述党建数据包括一类或多类表示党建工作完成状态的数据，所述一类或多类数据分别对应于显示图形中的一个或多个参数；所述显示图形包括折线图、柱状图、饼图或雷达图。

更进一步地，所述步骤A）中，由服务器底层数据库中取得各单位上传到该数据库的一类党建数据；所述一类党建数据包括多个由不同单位上传的多个数据。

更进一步地，所述步骤A）中进一步包括如下步骤：

A1)通过Dao数据接入层连接数据库，从数据库中取得所述党建数据；

A2)将取得的党建数据按照图形的维度将其转换为该维度事先设置的标准化格式，并将格式转换后的数据发送到Service业务逻辑层；

A3）开始处理封装到所述Service业务逻辑层的数据，遍历其中所有的数据项，定义所述数据项对应的名称，然后装载处理后的数据项到Action表示层。

更进一步地，所述步骤C）中进一步包括：

C1）调用echart3图像库得到显示的图形结构；

C2）使上述在Action表示层的党建数据和所述得到的图形结构通过Canvas图形处理库的处理，得到显示图形。

更进一步地，所述步骤C2）中进一步包括：

C21）在图形的对应参数中填入所述Action表示层的数据；

C22）设置图形配置项；

C23）加载图形DOM节点，并初始化图形。

本发明还涉及一种实现上述将党建数据图形化显示方法的装置，包括：

数据取得模块：用于取得党建数据，并将其转换为设定格式的数据格式；

参数选择模块：用于取得显示的图形类型，确定所述取得的党建数据对应于所述图形类型中的具体参数名称·；

图形实现模块：用于将转换为设定格式的党建数据作为所述显示图形的对应参数，调用底层图形处理库，得到图形并显示在浏览器上。

更进一步地，所述数据取得模块中进一步包括：

数据取得单元：用于通过Dao数据接入层连接数据库，从数据库中取得所述党建数据；

数据封装单元：用于将取得的党建数据按照图形的维度将其转换为该维度事先设置的标准化格式，并将格式转换后的数据发送到Service业务逻辑层；

数据装载单元：用于开始处理封装到所述Service业务逻辑层的数据，遍历其中所有的数据项，定义所述数据项对应的名称，然后装载处理后的数据项到Action表示层。

更进一步地，所述图形实现模块中进一步包括：

图形库调用单元：用于调用echart3图像库得到显示的图形结构；

图形处理单元：用于使上述在Action表示层的党建数据和所述得到的图形结构通过Canvas图形处理库的处理，得到显示图形。

更进一步地，所述图形处理单元进一步包括：

填入单元：用于在图形的对应参数中填入所述Action表示层的数据；

配置单元：用于设置图形配置项；

加载单元：用于加载图形DOM节点，并初始化图形。

实施本发明的一种将党建数据图形化显示的方法及装置，具有以下有益效果：由于将党建数据直接由服务器中的数据库取得，并将其转换为设定的格式，确定该党建数据显示的图形，进而确定该党建数据对应的图形参数，将其作为该图形的指定参数代入；通过调用图形数据库和图形处理数据库，得到指定图形并显示，使得一个或多个党建数据能够直观地、较为准确地显示，使得人们能够直观地做出判断；同时，也为多个党建数据的综合应用奠定了基础。因此，其数据取得较为方便、能将数据客观地表现出来、使用方便。

附图说明

图1是本发明一种将党建数据图形化显示的方法及装置实施例中图形化显示的流程图；

图2是所述实施例中党建数据转换为图形的具体流程图；

图3是所述实施例中装置的结构示意图。

具体实施方式

下面将结合附图对本发明实施例作进一步说明。

如图1所示，在本发明的一种将党建数据图形化显示的方法及装置实施例中，将党建数据图形化显示的方法包括如下步骤：

步骤S11取得党建数据，并将其转换为设定格式：在本步骤中，取得党建数据，并将其转换为设定格式的数据格式；一般来讲，之前对于党建工作的报告有许多没有量化的地方，即使在报告中也比较难于体现其具体的工作量和工作效果。为了对这一问题加以改善，在本市实施例中，按照党章对于党员的要求，将党章中的几乎所有要求转换或分解为多个项目，基层组织在报告其党建工作的具体情况时，将以数字的形式上报这些项目，表示这些项目的数据就是党建数据。具体来讲，一个单位上报的党建数据可以有多个，每个党建数据都表示该单位在党建工作中完成的工作量或工作效果。在本实施例中，可以将一个单位的所有党建数据综合起来，形成一个或多个图形，以表示该单位的党建工作情况；也可以将一个行政区域中多个单位的一个党建数据综合起来，得到一个或多个图形，以表示该区域在党建工作中的某一项目中完成的工作量或工作效果；还可以将一个行政区域内多个基层组织上报的多个党建数据综合起来，以图形的方式表示，以表示该区域内所有单位的党建工作的情况。在本实施例中，上述的党建数据都是个基层组织分别上传到服务器的，这些数据存在服务器的底层数据库中，在执行本步骤是，需要将这些数据有上述底层数据库中取出。因此，上述党建数据包括一类或多类表示党建工作完成状态的数据，而一类或多类数据分别对应于显示图形中的一个或多个参数；同时，显示图形包括折线图、柱状图、饼图或雷达图；而由服务器底层数据库中取得各单位上传到该数据库的一类党建数据；所述一类党建数据包括多个由不同单位上传的多个数据。当得到上述党建数据后，需要将取得的党建数据由原先的格式转换未设定的数据格式，经过服务器上的Java程序的处理，转换成格式统一的、有层次结构的数据，例如，转换成JSON格式的数据；然后再通过图形库（例如，echarts3图形库），经过其底层的图形处理库（例如，ZRender Canvas图形处理库），最终在浏览器上绘制出各种绚丽的图形。

更具体而言，在本实施例中，本步骤中还可以包括如下具体的步骤：通过Dao数据接入层连接数据库，从数据库中取得所述党建数据；将取得的党建数据按照图形的维度将其转换为该维度事先设置的标准化格式，并将格式转换后的数据发送到Service业务逻辑层；开始处理封装到所述Service业务逻辑层的数据，遍历其中所有的数据项，定义所述数据项对应的名称，然后装载处理后的数据项到Action表示层。

步骤S12确定显示的图形和在该图形中党建数据对应的参数：在本步骤中，取得显示的图形类型，确定所述取得的党建数据对应于所述图形类型中的具体参数名称。由于可以显示的图形类型可以是多种，例如折线图、柱状图、饼图或雷达图等等，而每种不同的图形能够表示的状态是不同的，例如，折线图擅长表示同一参数在不同时间的变化，而雷达图在表现某种具有多变量的状态时较为有优势，因此，在本步骤中，需要确定将要显示的图形类型，并确定上述党建数据对应的、该图形中的具体参数。基本上来讲，对应的参数就是将该数据做为该参数的数据代入，以产生或得到图形。在本实施例中，上述图形类型或党建数据对应的参数是事先设定或设置的，在本步骤中仅仅是取得或读取而已。

步骤S13调用图形处理库对上述数据进行处理，得到显示的图形：在本步骤中，将转换为设定格式的党建数据作为所述显示图形的对应参数，调用底层图形处理库，得到图形并显示在浏览器上。

请参见图2，在本实施例中，上述步骤S13还可以具体包括如下步骤：

步骤S21调用图像库，得到图形结构：在本步骤中，调用echart3图像库得到显示的图形结构；

步骤S22调用图形处理库并在对应参数上填入数据：在本步骤中，在图形的对应参数中填入所述Action表示层的数据；有本步骤到步骤S24，可以概括表示为使上述在Action表示层的党建数据和所述得到的图形结构通过Canvas图形处理库的处理，得到显示图形。

步骤S23设置图形配置项：在本步骤中，设置图形配置项，这些配置项可能包括图形的位置、大小以及图形的色彩等等；

步骤S24加载图形DOM节点并初始化图形：在本在步骤中，加载图形DOM节点，并初始化图形，初始化图形后，该图形就可以显示在浏览器上。

基本上而言，在本实施例中，数据可视化技术的基本思想是将数据库中每一个数据项作为单个图元元素表示，大量的数据集构成数据图像，同时将数据的各个属性值以多维数据的形式表示，可以从不同的维度观察数据，从而对数据进行更深入的观察和分析。而Web数据可视化是指通过在浏览器上将数据进行可视化处理。而传统的Web数据可视化技术存在如下问题：所以来的Javascript文件大，导致用户访问该数据可视化页面时等待时间长；使用复杂；浏览器兼容性差；移动端支持不好等等。这些缺点限制了传统的Web数据可视化的使用，同时用户体验也不好，使得其推广受到进一步的限制。而在本实施例中， 由于其底层依赖于Canvas 类库 ZRender，能够流畅的运行在 PC 和移动设备上，实现了兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），并且实现了直观，生动，可交互，可高度个性化定制的数据可视化图表。因此，实现了丰富的交互功能以及更多的可视化效果，并且图表功能对移动端做了深度的优化，让用户能够在手机或者Pad上也能流畅的使用并且拥有统一的视觉效果。

由于实现了图表移动端交互的深度优化，实现了在移动端小屏上用手指在坐标系中进行缩放、平移。 同时实现了再PC 端用用鼠标在图中进行缩放（用鼠标滚轮）、平移，让用户在不同的设备上有着适用于其设备的交互体验，提升了用户交互体验的感受。同时，实现了常规的折线图，柱状图，地图，雷达图，并且实现了图与图之间的混搭，让用户能够直观、清晰的通过图形了解数据以及数据之间的关系。此外，本实施例中实现了在散点图中轻松展现上万甚至上十万的数据，实现了丰富的自定义图表配置选项，并且能够从全局、系列、数据三个层级去设置数据图形的样式，这使得图表的配置工作变得极为简单、清晰。

数据可视化是数据到视觉元素的映射过程（这个过程也可称为视觉编码，视觉元素也可称为视觉通道）。在本实施例中，实现了每种图表本身内置了这种映射过程，其中折线图把数据映射到『线』参数，柱状图把数据映射到『长度』参数等。此外，本实施例中类似的视觉元素还包括通常采用设置的方法得到的图形类别（symbol）、图形大小（symbolSize）颜色（color）、透明度（opacity）``颜色透明度（colorAlpha）、颜色明暗度（colorLightness）、颜色饱和度（colorSaturation）、色调（colorHue）这些视觉元素提升了数据可视化的程度，使数据的展现更加的直观、清晰。

在本实施例，从底层数据库中的明细数据，经过服务器上的Java程序的处理，转换成格式统一由层次结构的数据，然后再通过echarts3图形库，经过其底层的ZRenderCanvas图形处理库，最终在浏览器上绘制出各种绚丽的图形。这样，得到更小的类库文件体积，比之前减少了50%，在类库文件的加载上可提升约50%的加载效率；此外，由于ECharts 3不再强制使用 AMD 的方式按需引入，代码里也不再内置 AMD 加载器。因此引入方式简单了很多，只需要像普通的 JavaScript 库一样用 script 标签引入。同时，还兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），具有良好的自适应效果，专属的移动端交互体验。

本发明还涉及一种实现上述将党建数据图形化显示方法的装置，包括数据取得模块1、参数选择模2和图形实现模块3；其中，数据取得模块1用于取得党建数据，并将其转换为设定格式的数据格式；参数选择模块2用于取得显示的图形类型，确定所述取得的党建数据对应于所述图形类型中的具体参数名称；图形实现模块3用于将转换为设定格式的党建数据作为所述显示图形的对应参数，调用底层图形处理库，得到图形并显示在浏览器上。

更进一步地，所述数据取得模块1中进一步包括：数据取得单元11用于通过Dao数据接入层连接数据库，从数据库中取得所述党建数据；数据封装单元12用于将取得的党建数据按照图形的维度将其转换为该维度事先设置的标准化格式，并将格式转换后的数据发送到Service业务逻辑层；数据装载单元13用于开始处理封装到所述Service业务逻辑层的数据，遍历其中所有的数据项，定义所述数据项对应的名称，然后装载处理后的数据项到Action表示层。

而图形实现模块中3进一步包括：图形库调用单元31用于调用echart3图像库得到显示的图形结构；图形处理单元32用于使上述在Action表示层的党建数据和所述得到的图形结构通过Canvas图形处理库的处理，得到显示图形。图形处理单元32进一步包括： 填入单元321用于在图形的对应参数中填入所述Action表示层的数据；配置单元322用于设置图形配置项；加载单元323用于加载图形DOM节点，并初始化图形。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种将党建数据图形化显示的方法，其特征在于，包括如下步骤：

A）取得党建数据，并将其转换为设定格式的数据格式；

B）取得显示的图形类型，确定所述取得的党建数据对应于所述图形类型中的具体参数名称；

C）将转换为设定格式的党建数据作为所述显示图形的对应参数，调用底层图形处理库，得到图形并显示在浏览器上。

2.根据权利要求1所述的将党建数据图形化显示的方法，其特征在于，所述党建数据包括一类或多类表示党建工作完成状态的数据，所述一类或多类数据分别对应于显示图形中的一个或多个参数；所述显示图形包括折线图、柱状图、饼图或雷达图。

3.根据权利要求2所述的将党建数据图形化显示的方法，其特征在于，所述步骤A）中，由服务器底层数据库中取得各单位上传到该数据库的一类党建数据；所述一类党建数据包括多个由不同单位上传的多个数据。

4.根据权利要求3所述的将党建数据图形化显示的方法，其特征在于，所述步骤A）中进一步包括如下步骤：

A1)通过Dao数据接入层连接数据库，从数据库中取得所述党建数据；

A2)将取得的党建数据按照图形的维度将其转换为该维度事先设置的标准化格式，并将格式转换后的数据发送到Service业务逻辑层；

A3）开始处理封装到所述Service业务逻辑层的数据，遍历其中所有的数据项，定义所述数据项对应的名称，然后装载处理后的数据项到Action表示层。

5.根据权利要求4所述的将党建数据图形化显示的方法，其特征在于，所述步骤C）中进一步包括：

C1）调用echart3图像库得到显示的图形结构；

C2）使上述在Action表示层的党建数据和所述得到的图形结构通过Canvas图形处理库的处理，得到显示图形。

6.根据权利要求5所述的将党建数据图形化显示的方法，其特征在于，所述步骤C2）中进一步包括：

C21）在图形的对应参数中填入所述Action表示层的数据；

C22）设置图形配置项；

C23）加载图形DOM节点，并初始化图形。

7.一种实现如权利要求1所述的将党建数据图形化显示方法的装置，其特征在于，包括：

数据取得模块：用于取得党建数据，并将其转换为设定格式的数据格式；

参数选择模块：用于取得显示的图形类型，确定所述取得的党建数据对应于所述图形类型中的具体参数名称·；

图形实现模块：用于将转换为设定格式的党建数据作为所述显示图形的对应参数，调用底层图形处理库，得到图形并显示在浏览器上。

8.根据权利要求7所述的装置，其特征在于，所述数据取得模块中进一步包括：

数据取得单元：用于通过Dao数据接入层连接数据库，从数据库中取得所述党建数据；

数据封装单元：用于将取得的党建数据按照图形的维度将其转换为该维度事先设置的标准化格式，并将格式转换后的数据发送到Service业务逻辑层；

数据装载单元：用于开始处理封装到所述Service业务逻辑层的数据，遍历其中所有的数据项，定义所述数据项对应的名称，然后装载处理后的数据项到Action表示层。

9.根据权利要求8所述的装置，其特征在于，所述图形实现模块中进一步包括：

图形库调用单元：用于调用echart3图像库得到显示的图形结构；

图形处理单元：用于使上述在Action表示层的党建数据和所述得到的图形结构通过Canvas图形处理库的处理，得到显示图形。

10.根据权利要求9所述的装置，其特征在于，所述图形处理单元进一步包括：

填入单元：用于在图形的对应参数中填入所述Action表示层的数据；

配置单元：用于设置图形配置项；

加载单元：用于加载图形DOM节点，并初始化图形。