CN109299158A

CN109299158A - 一种数据可视化方法及系统

Info

Publication number: CN109299158A
Application number: CN201811188321.3A
Authority: CN
Inventors: 陈佩华; 张芒; 段尚
Original assignee: Chengdu North Keweituo Technology Co Ltd
Current assignee: Chengdu North Keweituo Technology Co Ltd
Priority date: 2018-10-12
Filing date: 2018-10-12
Publication date: 2019-02-01

Abstract

本发明公开了一种数据可视化方法及系统，通过显示终端将外部输入的电子地图中的数据信息和工作人员选定的展示区域信息发送给云端服务器，云端服务器根据所述选定的展示区域信息调取预先存储的数据信息，并分别计算出对应的数据分类统计信息，并将所述数据分类统计信息发送给所述显示终端，所述显示终端对所述数据分类统计信息进行增量渲染后，按照所述展示区域信息进行图形可视化展示，从而能够提高数据更新的实时性以及能够同时展示全部数据统计和局部数据统计，进而提高用户体验。

Description

一种数据可视化方法及系统

技术领域

本发明属于图形可视化技术领域，尤其涉及一种数据可视化方法及系统。

背景技术

随着互联网技术的发展和智能化设备的普及，不仅改变了人们的生活方式，也给人们的衣食住行带来了极大的便利，但是各式各样的数据也呈现爆炸式增长，相应地产生了庞大的数据量。数据可视化指的是技术上较为高级的技术方法，而这些技术方法允许利用图形、图像处理、计算机视觉以及用户界面，通过表达、建模以及对立体、表面、属性以及动画的显示，对数据加以可视化解释。

现有可视化技术，通常使用数据统计，以表格，柱状和扇形图进行展示，能够直观显示各种数据的占比，对数据量有一个客观的认识。但通常，实时性更新较慢，需对应人员统计，记录和报表，最后才能生成对应的可视化视图。而所做视图，是基于全部数据而言，数据的局部性往往被忽视，而局部数据展示往往能发挥巨大的作用。

发明内容

有鉴于此，本发明实施例的目的在于提供一种数据可视化方法及系统，旨在提高数据更新的实时性以及能够同时展示全部数据统计和局部数据统计，进而提高用户体验。

本发明采用的技术方案如下：

第一方面，本发明实施例提供的数据可视化方法，应用于数据可视化系统，所述数据可视化系统包括显示终端和云端服务器，所述显示终端与所述云端服务器通信连接，所述数据可视化方法包括：

所述显示终端实时接收外部输入的电子地图中的数据信息，并将所述数据信息实时发送给所述云端服务器进行覆盖存储，所述数据信息包括添加的数据信息、更新的数据信息和处理的数据信息；

所述显示终端持续监测工作人员选定的展示区域信息，并将所述展示区域信息发送给所述云端服务器，所述展示区域信息包括全局展示区域和局部展示区域；

所述云端服务器根据所述选定的展示区域信息调取预先存储的数据信息，并分别计算出对应的数据分类统计信息，并将所述数据分类统计信息发送给所述显示终端，其中，所述数据分类统计信息包括人口信息、企业信息、物件信息和部件信息；

所述显示终端对所述数据分类统计信息进行增量渲染后，按照所述展示区域信息进行图形可视化展示。

进一步地，所述显示终端对所述数据分类统计信息进行增量渲染后，按照所述展示区域信息进行图形可视化展示的步骤之前，所述数据可视化方法还包括：

当所述电子地图中的数据信息大于预设阈值时，所述云端服务器分块加载所述电子地图中的数据信息，以使所述显示终端依次对分块加载的电子地图中的数据信息进行增量渲染。

进一步地，所述按照所述展示区域信息进行图形可视化展示的步骤具体包括：

所述显示终端解析所述展示区域信息，根据解析结果按照预存的图形模板进行图形可视化展示。

所述显示终端解析所述展示区域信息，根据解析结果将预存的图形模板进行映射后得到展示模板，并按照所述展示模板进行图形可视化展示。

进一步地，所述图形可视化展示的方式包括SVG和Canvas。

第二方面，本发明实施例提供的一种数据可视化系统，包括显示终端和云端服务器，所述显示终端与所述云端服务器通信连接，所述显示终端包括接收模块、第一发送模块、监测模块、渲染模块和可视化模块，所述云端服务器包括计算模块和第二发送模块，其中：

所述接收模块，用于实时接收外部输入的电子地图中的数据信息；

所述第一发送模块，用于将所述数据信息实时发送给所述云端服务器进行覆盖存储，其中，所述数据信息包括添加的数据信息、更新的数据信息和处理的数据信息；

所述监测模块，用于持续监测工作人员选定的展示区域信息；

所述第一发送模块，还用于将所述展示区域信息发送给所述云端服务器，所述展示区域信息包括全局展示区域和局部展示区域；

所述计算模块，用于根据所述选定的展示区域信息调取预先存储的数据信息，并分别计算出对应的数据分类统计信息；

所述第二发送模块，用于将所述数据分类统计信息发送给所述显示终端，其中，所述数据分类统计信息包括人口信息、企业信息、物件信息和部件信息；

所述渲染模块，用于对所述数据分类统计信息进行增量渲染；

所述可视化模块，用于按照所述展示区域信息进行图形可视化展示。

进一步地，所述云端服务器还包括加载模块，其中：

所述加载模块，用于分块加载所述电子地图中的数据信息，以使所述显示终端依次对分块加载的电子地图中的数据信息进行增量渲染。

进一步地，所述可视化模块，还用于解析所述展示区域信息，根据解析结果按照预存的图形模板进行图形可视化展示。

进一步地，所述可视化模块，还用于解析所述展示区域信息，根据解析结果将预存的图形模板进行映射后得到展示模板，并按照所述展示模板进行图形可视化展示。

进一步地，所述图形可视化展示的方式包括SVG和Canvas。

综上所述，本发明通过显示终端将外部输入的电子地图中的数据信息和工作人员选定的展示区域信息发送给云端服务器，云端服务器根据所述选定的展示区域信息调取预先存储的数据信息，并分别计算出对应的数据分类统计信息，并将所述数据分类统计信息发送给所述显示终端，所述显示终端对所述数据分类统计信息进行增量渲染后，按照所述展示区域信息进行图形可视化展示，能够提高数据更新的实时性以及能够同时展示全部数据统计和局部数据统计，进而提高用户体验。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本发明实施例提供的一种数据可视化方法的应用场景示意图。

图2示出了本发明实施例提供的一种数据可视化方法的流程示意图。

图3示出了本发明实施例提供的一种显示终端的功能模块框图。

图4示出了本发明实施例提供的一种云端服务器的功能模块框图。

主要元件符号说明：

数据可视化系统100；显示终端200；云端服务器300；

接收模块201；第一发送模块202；监测模块203；

渲染模块204；可视化模块205；计算模块301；

第二发送模块302；加载模块303。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示，是本发明实施例提供的一种数据可视化系统100的应用场景示意图。其中，所述数据可视化系统100可以包括显示终端200和云端服务器300。所述显示终端200通过网络与所述云端服务器300通信连接，以进行数据通信或交互。本实施例中，所述显示终端200用于加载、渲染电子地图。所述显示终端200可以是个人电脑(personal computer，PC)、平板电脑、智能手机以及个人数字助理(personal digital assistant，PDA)等。

如图2所示，是本发明实施例提供的一种数据可视化方法的流程示意图。其中，所述数据可视化方法可以包括以下步骤。

步骤S101：所述显示终端200实时接收外部输入的电子地图中的数据信息，并将所述数据信息实时发送给所述云端服务器300进行覆盖存储。

本实施例中，所述数据信息可以包括添加的数据信息、更新的数据信息和处理的数据信息。所述云端服务器300对于所述数据信息采用覆盖存储，以节省存储空间。

步骤S102：所述显示终端200持续监测工作人员选定的展示区域信息，并将所述展示区域信息发送给所述云端服务器300

其中，所述展示区域信息包括全局展示区域和局部展示区域。实施时，所述全局展示区域表示整个电子地图所在的区域。所述局部展示区域表示工作人员选定的电子地图中的区域。优选地，工作人员通过圈选的方式选定局部展示区域。

步骤S103：所述云端服务器300根据所述选定的展示区域信息调取预先存储的数据信息，并分别计算出对应的数据分类统计信息，并将所述数据分类统计信息发送给所述显示终端200。

本实施例中，所述据分类统计信息包括人口信息、企业信息、物件信息和部件信息等。

步骤S104：所述显示终端200对所述数据分类统计信息进行增量渲染后，按照所述展示区域信息进行图形可视化展示。

进一步地，当所述电子地图中的数据信息大于预设阈值时，所述云端服务器300分块加载所述电子地图中的数据信息，以使所述显示终端200依次对分块加载的电子地图中的数据信息进行增量渲染。如此可提高数据可视化的实时性等。

另外，所述按照所述展示区域信息进行图形可视化展示的步骤具体可以包括两种方式：所述显示终端200解析所述展示区域信息，根据解析结果按照预存的图形模板进行图形可视化展示；所述显示终端200解析所述展示区域信息，根据解析结果将预存的图形模板进行映射后得到展示模板，并按照所述展示模板进行图形可视化展示。

优选地，所述图形可视化展示的方式包括SVG和Canvas。其中，SVG(可缩放矢量图形)是基于可扩展标记语言(标准通用标记语言的子集)，用于描述二维矢量图形的一种图形格式，它由万维网联盟制定，是一个开放标准。而Canvas(HTML5新增标签)是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图(bitmap)。

请一并参阅图1、图3和图4，所述显示终端200可以包括接收模块201、第一发送模块202、监测模块203、渲染模块204和可视化模块205。所述云端服务器300可以包括计算模块301、第二发送模块302和加载模块303等。下面将对以上功能模块进行描述。其中：

所述接收模块201，用于实时接收外部输入的电子地图中的数据信息；

所述第一发送模块202，用于将所述数据信息实时发送给所述云端服务器300进行覆盖存储，其中，所述数据信息包括添加的数据信息、更新的数据信息和处理的数据信息；

所述监测模块203，用于持续监测工作人员选定的展示区域信息；

所述第一发送模块202，还用于将所述展示区域信息发送给所述云端服务器300，所述展示区域信息包括全局展示区域和局部展示区域；

所述计算模块301，用于根据所述选定的展示区域信息调取预先存储的数据信息，并分别计算出对应的数据分类统计信息；

所述第二发送模块302，用于将所述数据分类统计信息发送给所述显示终端200，其中，所述数据分类统计信息包括人口信息、企业信息、物件信息和部件信息；

所述渲染模块204，用于对所述数据分类统计信息进行增量渲染。

所述可视化模块205，用于按照所述展示区域信息进行图形可视化展示。

优选地，所述云端服务器300还包括加载模块303，其中：

所述加载模块303，用于分块加载所述电子地图中的数据信息，以使所述显示终端200依次对分块加载的电子地图中的数据信息进行增量渲染。

优选地，所述可视化模块205，还用于解析所述展示区域信息，根据解析结果按照预存的图形模板进行图形可视化展示。

优选地，所述可视化模块205，还用于解析所述展示区域信息，根据解析结果将预存的图形模板进行映射后得到展示模板，并按照所述展示模板进行图形可视化展示。

优选地，所述图形可视化展示的方式包括SVG和Canvas。

值得注意的是，本发明实施例提供的数据可视化系统100，其实现原理及产生的技术效果和前述方法实施例相同，为简要描述，系统实施例部分未提及之处，可参考前述方法实施例中相应内容，在此不再赘述。

综上所述，本发明通过显示终端200将外部输入的电子地图中的数据信息和工作人员选定的展示区域信息发送给云端服务器300，云端服务器300根据所述选定的展示区域信息调取预先存储的数据信息，并分别计算出对应的数据分类统计信息，并将所述数据分类统计信息发送给所述显示终端200，所述显示终端200对所述数据分类统计信息进行增量渲染后，按照所述展示区域信息进行图形可视化展示，能够提高数据更新的实时性以及能够同时展示全部数据统计和局部数据统计，进而提高用户体验。

在本申请所提供的实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

Claims

1.一种数据可视化方法，应用于数据可视化系统，所述数据可视化系统包括显示终端和云端服务器，所述显示终端与所述云端服务器通信连接，其特征在于，所述数据可视化方法包括：

2.根据权利要求1所述的数据可视化方法，其特征在于，所述显示终端对所述数据分类统计信息进行增量渲染后，按照所述展示区域信息进行图形可视化展示的步骤之前，所述数据可视化方法还包括：

3.根据权利要求1所述的数据可视化方法，其特征在于，所述按照所述展示区域信息进行图形可视化展示的步骤具体包括：

4.根据权利要求1所述的数据可视化方法，其特征在于，所述按照所述展示区域信息进行图形可视化展示的步骤具体包括：

5.根据权利要求1-4任一项所述的数据可视化方法，其特征在于，所述图形可视化展示的方式包括SVG和Canvas。

6.一种数据可视化系统，包括显示终端和云端服务器，所述显示终端与所述云端服务器通信连接，其特征在于，所述显示终端包括接收模块、第一发送模块、监测模块、渲染模块和可视化模块，所述云端服务器包括计算模块和第二发送模块，其中：

7.根据权利要求6所述的数据可视化系统，其特征在于，所述云端服务器还包括加载模块，其中：

8.根据权利要求6所述的数据可视化系统，其特征在于，

所述可视化模块，还用于解析所述展示区域信息，根据解析结果按照预存的图形模板进行图形可视化展示。

9.根据权利要求6所述的数据可视化系统，其特征在于，

所述可视化模块，还用于解析所述展示区域信息，根据解析结果将预存的图形模板进行映射后得到展示模板，并按照所述展示模板进行图形可视化展示。

10.根据权利要求6-9任一项所述的数据可视化系统，其特征在于，

所述图形可视化展示的方式包括SVG和Canvas。