CN109032586A - 一种数据可视化方法及装置 - Google Patents

Abstract

本发明公开了一种数据可视化方法及装置，其中，该方法包括：根据图例属性，对所述图例进行封装，生成可视化图例库；构造所述可视化图例库的接口函数，并通过所述接口函数生成所述可视化图例库的调用接口；在接收到数据可视化请求时，将所述数据按照预设格式进行封装，得到目标数据；通过调用所述可视化图例库的调用接口，对所述目标数据进行可视化展示。由于本发明设置了图例的通过调用接口，开发人员可以根据该调用接口调用图例，缩短了可视化开发时间，进而提高了数据可视化的开发效率。

Description

一种数据可视化方法及装置

技术领域

本发明涉及数据处理技术领域，特别是涉及一种数据可视化方法及装置。

背景技术

随着信息化社会的发展，各行各业的报表数量和报表种类也逐渐增多，对于报表展示的需求度也日益增加。常用的方法是通过数据可视化技术对报表数据进行展示，其中，数据可视化技术主要是借助于图形化手段，清晰有效地帮助用户理解数据。

虽然通过引入可视化图表形式对数据进行展示，但是展示的图形库不仅种类繁多、参数量大，而且更新的速度也较快。对于现有的技术框架，已经无法满足不同输入数据统一的展示需求和调用，因此，对于开发人员来说需要逐一配置属性实现图表的展示，使得开发效率较低。

发明内容

针对于上述问题，本发明提供一种数据可视化方法及装置，实现了提高数据可视化的开发效率的目的。

为了实现上述目的，本发明提供了如下技术方案：

一种数据可视化方法，包括：

根据图例属性，对所述图例进行封装，生成可视化图例库；

构造所述可视化图例库的接口函数，并通过所述接口函数生成所述可视化图例库的调用接口；

在接收到数据可视化请求时，将所述数据按照预设格式进行封装，得到目标数据；

通过调用所述可视化图例库的调用接口，对所述目标数据进行可视化展示。

可选地，所述根据图例属性，对所述图例进行封装，生成可视化图例库，包括：

获取每个图例的参数集，其中，所述参数集包括属性参数、界面布局参数和界面操作参数；

根据所述参数集对所述每个图例进行封装，生成对应的标准化图例；

依据各个所述标准化图例，创建可视化图例库。

可选地，所述在接收到数据可视化请求时，将所述数据按照预设格式进行封装，得到目标数据，包括：

在接收到数据可视化请求时，获取所述数据的指标数据；

将所述指标数据封装至预设的JAVA实体类中，生成Json数据，其中，所述Json数据为所述数据对应的目标数据。

可选地，所述指将所述指标数据封装至预设的JAVA实体类中，生成Json数据，包括：

通过指标数据接收所述指标数据，其中，所述指标数据包括指标名称和指标值；

将所述指标名称与预设的JAVA类实体进行匹配，并按预设格式将所述指标值封装至所述JAVA实体类中，生成所述指标数据的Json数据。

可选地，还包括：

响应于调用所述可视化图例库的调用接口，获取调用的目标图例；

清空非所述目标图例对应的图例的原有数据，实现对所述可视化图例库的历史数据的销毁。

一种数据可视化装置，包括：

生成单元，用于根据图例属性，对所述图例进行封装，生成可视化图例库；

构造单元，用于构造所述可视化图例库的接口函数，并通过所述接口函数生成所述可视化图例库的调用接口；

封装单元，用于在接收到数据可视化请求时，将所述数据按照预设格式进行封装，得到目标数据；

展示单元，用于通过调用所述可视化图例库的调用接口，对所述目标数据进行可视化展示。

可选地，所述生成单元包括：

参数集获取子单元，用于获取每个图例的参数集，其中，所述参数集包括属性参数、界面布局参数和界面操作参数；

图例封装子单元，用于根据所述参数集对所述每个图例进行封装，生成对应的标准化图例；

图例库创建子单元，用于依据各个所述标准化图例，创建可视化图例库。

可选地，所述封装单元包括：

指标数据获取子单元，用于在接收到数据可视化请求时，获取所述数据的指标数据；

生成子单元，用于将所述指标数据封装至预设的JAVA实体类中，生成Json数据，其中，所述Json数据为所述数据对应的目标数据。

可选地，所述生成子单元包括：

接收子单元，用于通过指标数据接收所述指标数据，其中，所述指标数据包括指标名称和指标值；

数据生成子单元，用于将所述指标名称与预设的JAVA类实体进行匹配，并按预设格式将所述指标值封装至所述JAVA实体类中，生成所述指标数据的Json数据。

可选地，还包括：

响应单元，用于响应于调用所述可视化图例库的调用接口，获取调用的目标图例；

清空单元，用于清空非所述目标图例对应的图例的原有数据，实现对所述可视化图例库的历史数据的销毁。

相较于现有技术，本发明提供了一种数据可视化方法及装置，通过对图例进行封装生成图例库，并生成了图例库的调用接口，在获得数据可视化请求时通过对数据进行封装后调用该调用接口可以实现数据可视化展示，由于设置了图例的通过调用接口，开发人员可以根据该调用接口调用图例，避免了对可视化图例的从零开发，若需修改图例的展现只需通过接口函数修改对应参数即可，缩短了可视化开发时间，进而提高了数据可视化的开发效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本发明实施例提供的一种数据可视化方法的流程示意图；

图2为本发明实施例提供的一种图例封装的示意图；

图3为本发明实施例提供的一种数据销毁的展示图；

图4为本发明实施例提供的一种数据可视化应用示意图；

图5为本发明实施例提供的一种数据可视化装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明的说明书和权利要求书及上述附图中的术语“第一”和“第二”等是用于区别不同的对象，而不是用于描述特定的顺序。此外术语“包括”和“具有”以及他们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有设定于已列出的步骤或单元，而是可包括没有列出的步骤或单元。

在本发明实施例中提供了一种数据可视化方法，参见图1，包括：

S11、根据图例属性，对所述图例进行封装，生成可视化图例库。

可视化图例的种类较多，包括但不局限于线图、柱图、饼图、雷达图、日力图、气泡图、热力图和地图等。为了满足数据可视化的需求，需要对每一种可视化图例进行封装，将封装后的图例组成了可视化图例库。需要说明的，可视化展示并不局限于图例，也可以为界面的展示，例如前端用户界面等，只要是能够将数据直观展示的图形、图例和界面均属于图例的封装范围。

在本发明的另一实施例中还包括了一种可视化图例库生成方法，可以包括以下步骤：

获取每个图例的参数集，其中，所述参数集包括属性参数、界面布局参数和界面操作参数；

根据所述参数集对所述每个图例进行封装，生成对应的标准化图例；

依据各个所述标准化图例，创建可视化图例库。

通常每个图例都会对应一个参数集，而这个参数集包括但不局限于属性参数、页面布局参数和界面操作参数等，需要说明的上述参数集只是最常用的参数，对于不同的图例或者不同的可视化界面其对应的参数集会不同，但该参数集会涵盖该图例或者可视化界面的属性特征、操作特征和布局设置等。会通过配置Echarts图例属性，设置图例表现形式。其原理可以参见图2的图例封装示意图。

以地图图例封装为例说明，该参数集包括数据参数封装、Echarts属性参数封装、页面布局参数封装以及页面操作参数封装等几个参数。

对于参数的封装，在本发明实施例中封装的是业务数据参数，例如：展示金融类页面，展示的标题参数就是关于金融类标题，可以由业务指定，还有就是展示的数据参数，然后将这些数据配置在数据库即可。

S12、构造所述可视化图例库的接口函数，并通过所述接口函数生成所述可视化图例库的调用接口；

构造该可视化图例库的接口函数的实质是为每一种图例封装一个接口函数，例如，根据Echarts属性开发实现地图的展示，并通过接口函数对外暴露该图例的调用接口。

S13、在接收到数据可视化请求时，将所述数据按照预设格式进行封装，得到目标数据；

由于不同的数据源和不同的数据种类，会造成用户请求的原始数据种类和格式不用，需要通过预设格式对该数据进行封装，便于其可视化展示。

在本发明的另一实施例中还提供了一种数据封装方法，可以包括：

在接收到数据可视化请求时，获取所述数据的指标数据；

将所述指标数据封装至预设的JAVA实体类中，生成Json数据，其中，所述Json数据为所述数据对应的目标数据。

在现有的可视化展示中，开发人员主要是通过查看官网文档，逐一配置属性实现图表的展示，开发效率低，而在本方案中通过接口封装，然后调用该接口，只需要在JAVA端根据WEB端约定的数据格式返回指标数据相关参数，利用JS(JavaScript，直译式脚本语言)通过该接口调用接口函数即可使用，所以在本发明的实施例中将用户请求的原始数据封装为JAVA实体类。

具体的，获取指标数据，通过JAVA实现访问后台SQL数据，获取指标数据包括该指标数据的指标名称、指标值以及指标对应所述网点坐标值等，其中，指标数据是根据业务数据来的，数据源存储在数据库中，每次接收到可视化请求时，会读取数据，然后根据约定格式传到前端。

将获取的数据封装至JAVA实体类，使用指标数组接收指标数据，匹配指标名称按照与前台约定格式将指标数组封装至对应实体类中。封装好的数据返回WEB前台。

S14、通过调用所述可视化图例库的调用接口，对所述目标数据进行可视化展示。

通过JS调用可视化图例库的调用接口即调用接口函数，实现界面展示。JS文件函数通过传入的参数设置实现图例的属性设置及展示数据，绘制并返回图例。界面根据返回的图例形式，按照界面布局展示。

本发明提供了一种数据可视化方法，通过对图例进行封装生成图例库，并生成了图例库的调用接口，在获得数据可视化请求时通过对数据进行封装后调用该调用接口可以实现数据可视化展示，由于设置了图例的通过调用接口，开发人员可以根据该调用接口调用图例，避免了对可视化图例的从零开发，若需修改图例的展现只需通过接口函数修改对应参数即可，缩短了可视化开发时间，进而提高了数据可视化的开发效率。

在本发明的另一实施例中还提供了一种数据销毁方法，包括：

响应于调用所述可视化图例库的调用接口，获取调用的目标图例；

清空非所述目标图例对应的图例的原有数据，实现对所述可视化图例库的历史数据的销毁。

为了解决Echarts组件数据较多，展示太多图表或者图例导致页面卡顿问题，会定义一个全局变量GLOBAL存储在LocalStorage。在点击菜单时，清空GLOBAL并销毁存储在GLOBAL中的图例对象。然后调用菜单对应界面的JS，重新在GLOBAL中保存对应Echarts实例对象，最后生成新展示的图表实例，达到历史数据销毁的目的。详见参见图3，为本发明实施例提供的一种数据销毁的展示图，在图3中通过前端页面中的菜单进行点击，调用A页面JS的同时会清空图例数据库中的其他数据，然后JS调用组件也就是相关图例进行数据库可视化展示。数据销毁的目的是解决历史图表过多导致的卡顿问题，实现页面流畅展示。

参见图4，图4为本发明实施例提供的一种数据可视化应用示意图。JAVA端将SQL后台查询到的指标原始数据，封装到对应实体类中，返回给前台。WEB前端接收到JAVA后台传来的约定格式的数据，通过Json解析，加载并调用JS组件库中对应的接口函数，传图参数实现图表或图例的绘制。接收到公共接口函数绘制的图表，界面根据布局格式显示在界面中。

因此，通过本发明实施例提供了接口函数的数据封装，以及数据销毁功能。方便开发人员调用，有利于开发人员专注于业务逻辑及指标数据的正确性，同时大大缩减工程的开发周期。进而实现了应用范围官方，不存在软件产品的界限，任何需要展示业务场景都可以作为组件使用，通用性强。实现了开发人员的减负，封装实现常用参数接口，降低复杂参数学习成本，提高开发人员利用率；提高工作效率，实现从数据查询到数据展示一体化，使用同一接口函数，缩减代码量及开发周期。

对应的，参见图5，本发明的实施例还提供了一种数据可视化装置，包括：

生成单元，用于根据图例属性，对所述图例进行封装，生成可视化图例库；

构造单元，用于构造所述可视化图例库的接口函数，并通过所述接口函数生成所述可视化图例库的调用接口；

封装单元，用于在接收到数据可视化请求时，将所述数据按照预设格式进行封装，得到目标数据；

展示单元，用于通过调用所述可视化图例库的调用接口，对所述目标数据进行可视化展示。

本发明提供了一种数据可视化方法，通过生成单元对图例进行封装生成图例库，并在构造单元生成了图例库的调用接口，在获得数据可视化请求时通过封装单元对数据进行封装后调用该调用接口，可以在展示单元中实现数据可视化展示，由于设置了图例的通过调用接口，开发人员可以根据该调用接口调用图例，避免了对可视化图例的从零开发，若需修改图例的展现只需通过接口函数修改对应参数即可，缩短了可视化开发时间，进而提高了数据可视化的开发效率。

可选地，所述生成单元包括：

参数集获取子单元，用于获取每个图例的参数集，其中，所述参数集包括属性参数、界面布局参数和界面操作参数；

图例封装子单元，用于根据所述参数集对所述每个图例进行封装，生成对应的标准化图例；

图例库创建子单元，用于依据各个所述标准化图例，创建可视化图例库。

可选地，所述封装单元包括：

指标数据获取子单元，用于在接收到数据可视化请求时，获取所述数据的指标数据；

生成子单元，用于将所述指标数据封装至预设的JAVA实体类中，生成Json数据，其中，所述Json数据为所述数据对应的目标数据。

可选地，所述生成子单元包括：

接收子单元，用于通过指标数据接收所述指标数据，其中，所述指标数据包括指标名称和指标值；

数据生成子单元，用于将所述指标名称与预设的JAVA类实体进行匹配，并按预设格式将所述指标值封装至所述JAVA实体类中，生成所述指标数据的Json数据。

可选地，还包括：

响应单元，用于响应于调用所述可视化图例库的调用接口，获取调用的目标图例；

清空单元，用于清空非所述目标图例对应的图例的原有数据，实现对所述可视化图例库的历史数据的销毁。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种数据可视化方法，其特征在于，包括：

根据图例属性，对所述图例进行封装，生成可视化图例库；

构造所述可视化图例库的接口函数，并通过所述接口函数生成所述可视化图例库的调用接口；

在接收到数据可视化请求时，将所述数据按照预设格式进行封装，得到目标数据；

通过调用所述可视化图例库的调用接口，对所述目标数据进行可视化展示。

2.根据权利要求1所述的方法，其特征在于，所述根据图例属性，对所述图例进行封装，生成可视化图例库，包括：

获取每个图例的参数集，其中，所述参数集包括属性参数、界面布局参数和界面操作参数；

根据所述参数集对所述每个图例进行封装，生成对应的标准化图例；

依据各个所述标准化图例，创建可视化图例库。

3.根据权利要求1所述的方法，其特征在于，所述在接收到数据可视化请求时，将所述数据按照预设格式进行封装，得到目标数据，包括：

在接收到数据可视化请求时，获取所述数据的指标数据；

将所述指标数据封装至预设的JAVA实体类中，生成Json数据，其中，所述Json数据为所述数据对应的目标数据。

4.根据权利要求3所述的方法，其特征在于，所述指将所述指标数据封装至预设的JAVA实体类中，生成Json数据，包括：

通过指标数据接收所述指标数据，其中，所述指标数据包括指标名称和指标值；

将所述指标名称与预设的JAVA类实体进行匹配，并按预设格式将所述指标值封装至所述JAVA实体类中，生成所述指标数据的Json数据。

5.根据权利要求1所述的方法，其特征在于，还包括：

响应于调用所述可视化图例库的调用接口，获取调用的目标图例；

清空非所述目标图例对应的图例的原有数据，实现对所述可视化图例库的历史数据的销毁。

6.一种数据可视化装置，其特征在于，包括：

生成单元，用于根据图例属性，对所述图例进行封装，生成可视化图例库；

构造单元，用于构造所述可视化图例库的接口函数，并通过所述接口函数生成所述可视化图例库的调用接口；

封装单元，用于在接收到数据可视化请求时，将所述数据按照预设格式进行封装，得到目标数据；

展示单元，用于通过调用所述可视化图例库的调用接口，对所述目标数据进行可视化展示。

7.根据权利要求6所述的装置，其特征在于，所述生成单元包括：

参数集获取子单元，用于获取每个图例的参数集，其中，所述参数集包括属性参数、界面布局参数和界面操作参数；

图例封装子单元，用于根据所述参数集对所述每个图例进行封装，生成对应的标准化图例；

图例库创建子单元，用于依据各个所述标准化图例，创建可视化图例库。

8.根据权利要求6所述的装置，其特征在于，所述封装单元包括：

指标数据获取子单元，用于在接收到数据可视化请求时，获取所述数据的指标数据；

生成子单元，用于将所述指标数据封装至预设的JAVA实体类中，生成Json数据，其中，所述Json数据为所述数据对应的目标数据。

9.根据权利要求8所述的装置，其特征在于，所述生成子单元包括：

接收子单元，用于通过指标数据接收所述指标数据，其中，所述指标数据包括指标名称和指标值；

数据生成子单元，用于将所述指标名称与预设的JAVA类实体进行匹配，并按预设格式将所述指标值封装至所述JAVA实体类中，生成所述指标数据的Json数据。

10.根据权利要求6所述的装置，其特征在于，还包括：

响应单元，用于响应于调用所述可视化图例库的调用接口，获取调用的目标图例；

清空单元，用于清空非所述目标图例对应的图例的原有数据，实现对所述可视化图例库的历史数据的销毁。