CN110888974A - 数据可视化方法及装置 - Google Patents

Abstract

本发明公开一种数据可视化方法及装置。在该方法中，针对待展示的文本源数据，确定对应于第一样式信息的第一维度展示信息组，第一维度展示信息组包括至少一个展示维度和/或至少一个数据指标；生成与第一维度展示信息组中的至少一个展示维度信息和/或至少一个数据指标分别相对应的第一显示系列数组和/或第二显示系列数组；基于所生成的第一显示系列数组和/或第二显示系列数组，确定第一样式图像；监测是否接收到样式切换请求，样式切换请求包括第二样式信息；当接收到样式切换请求时，针对文本源数据，确定对应于第二样式信息的第二样式图像。由此，丰富了数据可视化的样式效果，可以满足用户的定制需求，提高了用户体验。

Description

数据可视化方法及装置

技术领域

本发明属于互联网技术领域，尤其涉及一种数据可视化方法及装置。

背景技术

目前，随着信息数据处理需求的日益增长以及不同领域的业务种类的日益丰富，基于商业智能(BI)的数据分析变得越来越重要，并且它们可以帮助公司做出更好的商业决策。

数据可视化工具是BI应用工具中重要的一部分，数据可视化包括线图、条形图、直方图、饼形图等等。但是，目前的数据分析可视化工具的样式一般都是固设的，难以满足用户的个性化的需求。

针对上述问题，目前业界暂无较佳的解决方案。

发明内容

本发明实施例提供一种数据可视化方法及装置，用于至少解决上述技术问题之一。

第一方面，本发明实施例提供一种数据可视化方法，包括：针对待展示的文本源数据，确定对应于第一样式信息的第一维度展示信息组，所述第一维度展示信息组包括至少一个展示维度和/或至少一个数据指标；生成与所述第一维度展示信息组中的至少一个展示维度信息和/或至少一个数据指标分别相对应的第一显示系列数组和/或第二显示系列数组；基于所生成的第一显示系列数组和/或第二显示系列数组，确定第一样式图像；监测是否接收到样式切换请求，所述样式切换请求包括第二样式信息；当接收到所述样式切换请求时，针对所述文本源数据，确定对应于所述第二样式信息的第二样式图像。

第二方面，本发明实施例提供一种数据可视化装置，包括：维度信息组确定单元，被配置为针对待展示的文本源数据，确定对应于第一样式信息的第一维度展示信息组，所述第一维度展示信息组包括至少一个展示维度和/或至少一个数据指标；显示系列数组确定单元，被配置为生成与所述第一维度展示信息组中的至少一个展示维度信息和/或至少一个数据指标分别相对应的第一显示系列数组和/或第二显示系列数组；第一样式图像确定单元，被配置为基于所生成的第一显示系列数组和/或第二显示系列数组，确定第一样式图像；切换请求监测单元，被配置为监测是否接收到样式切换请求，所述样式切换请求包括第二样式信息；第二样式图像确定单元，被配置为当接收到所述样式切换请求时，针对所述文本源数据，确定对应于所述第二样式信息的第二样式图像。

第三方面，本发明实施例提供一种电子设备，其包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行上述方法的步骤。

第四方面，本发明实施例提供一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法的步骤。

本发明实施例的有益效果在于：针对待展示的文本源数据，可以监测是否接收到样式切换请求，并可以根据样式切换请求来展示对应于不同样式的图像，丰富了数据可视化的样式效果，可以满足用户的定制需求，提高了用户体验。

附图说明

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

图1示出了根据本发明实施例的数据可视化方法的一示例的流程图；

图2示出了根据本发明实施例的确定样式图像的一示例的流程图；

图3示出了根据本发明实施例的样式定制过程的一示例的流程图；

图4示出了根据本发明实施例的数据可视化方法的一示例的信号交互流程图；

图5示出了根据本发明实施例的数据可视化方法的一示例的原理流程图；

图6A示出了根据本发明一实施例的单展示维度双数据指标的一示例的柱形样式图像的示意图；

图6B示出了根据本发明一实施例的双展示维度单数据指标的一示例的柱形样式图像的示意图；

图6C示出了根据本发明一实施例的单展示维度与单数据指标的一示例的饼图样式图像的示意图；

图7示出了根据本发明实施例的数据可视化装置的一示例的结构框图。

具体实施方式

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

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

本发明可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、元件、数据结构等等。也可以在分布式计算环境中实践本发明，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

在本发明中，“模块”、“系统”等等指应用于计算机的相关实体，如硬件、硬件和软件的组合、软件或执行中的软件等。详细地说，例如，元件可以、但不限于是运行于处理器的过程、处理器、对象、可执行元件、执行线程、程序和/或计算机。还有，运行于服务器上的应用程序或脚本程序、服务器都可以是元件。一个或多个元件可在执行的过程和/或线程中，并且元件可以在一台计算机上本地化和/或分布在两台或多台计算机之间，并可以由各种计算机可读介质运行。元件还可以根据具有一个或多个数据包的信号，例如，来自一个与本地系统、分布式系统中另一元件交互的，和/或在因特网的网络通过信号与其它系统交互的数据的信号通过本地和/或远程过程来进行通信。

最后，还需要说明的是，在本文中，术语“包括”、“包含”，不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

图1示出了根据本发明实施例的数据可视化方法的一示例的流程图。本发明实施例的数据可视化方法可以是由诸如手机或电脑等具有显示功能的可视化终端来确定的。

如图1所示，在步骤110中，针对待展示的文本源数据，确定对应于第一样式信息的第一样式图像。这里，样式信息可以表示以下中的任意一种：柱形图、组合图、折线图、饼图、横向柱图、地图和数字图。

在一些实施方式中，可以获取包括目标文本标识的数据可视化请求。然后，从文本源数据库中确定与目标文本标识相对应的待展示的文本源数据。这里，文本源数据库包括多个文本源数据，且每一文本源数据分别对应于唯一的文本标识(例如，可以使用sessionId来表示)。由此，可以从文本源数据库中调用用户所需求的文本源数据。另外，文本源数据库可以采用各种各样的类型(例如，实时或离线)的数据库，例如Kylin、HBase、Druid或Redis数据库等。

在步骤120中，监测是否接收到样式切换请求，该样式切换请求包括第二样式信息。例如，用户可以对可视化终端的UI界面上的样式进行操作，从而确定相应的样式切换请求。

在步骤130中，针对文本源数据，确定对应于第二样式信息的第二样式图像。由此，实现将同一文本源数据按照不同的样式进行展示。

图2示出了根据本发明实施例的确定样式图像的一示例的流程图。

如图2所示，在步骤210中，确定对应于第一样式信息的第一维度展示信息组。这里，维度展示信息组包括至少一个展示维度和/或至少一个数据指标。以针对柱形图的样式为例，展示维度可以表示各个柱形所对应的含义特征，而数据指标可以表示各个柱形所对应的高度。

在一些实施方式中，基于样式维度映射表和第一样式信息，确定第一维度展示信息组。这里，样式维度映射表包括与多个样式信息分别相对应的多个维度展示信息组。具体地，柱形图、组合图或折线图的所支持的维度展示信息组对应于以下中的任意一者：单展示维度双数据指标和/或双展示维度单数据指标。另外，饼图、横向柱图或地图所支持的维度展示信息组可以对应于单展示维度单数据指标。此外，数字图所支持的维度展示信息组可以对应于单数据指标。在本实施例的一个示例中，可以根据样式信息来查表，从而确定样式所需求的维度展示信息组。

在本实施例的另一示例中，可以将查表所得到的维度展示信息组进行优化处理(例如，附加定制信息)，从而实现针对用户定制维度的数据可视化的效果。具体地，可以基于样式维度映射表来确定对应于第一样式信息的候选维度展示信息组。然后，获取样式修改请求，样式定制请求包括针对所述候选维度展示信息组的修改配置信息(例如，针对展示维度和/或数据指标的数量进行修改)。进而，基于修改配置信息和候选维度展示信息组，确定第一维度展示信息组。示例性地，用户可以增加或减少展示维度和/或数据指标的数量，以达到期望展示效果。但需说明的是，针对一个样式信息所允许的展示维度或数据指标可能都是有限制的，例如可以是仅允许在一些范围内波动和调整。

在步骤220中，生成与第一维度展示信息组中的至少一个展示维度信息和/或至少一个数据指标分别相对应的第一显示系列数组和/或第二显示系列数组。例如，第一维度展示信息组可以是多维度展示信息或单维度展示信息，例如柱形图所支持的维度展示信息组对应于双展示数据指标，且数字图所支持的维度展示信息组对应于单数据指标。

在步骤230中，基于所生成的第一显示系列数组和/或第二显示系列数组，确定第一样式图像。具体地，通过生成针对显示系列数组的系列对象，从而确定相应的样式图像。

应理解的是，基于第二样式信息确定相应的第二样式图像的过程，可以参照上面如图2中所描述的示例，在此便不再赘述。

图3示出了根据本发明实施例的样式定制过程的一示例的流程图。

如图3所示，首先，判断样式类型是否支持多维度多指标。示例性地，针对数字图表类单维度样式，可以直接基于数字生成系列对象。然而，在另一示例中，若存在多个展示维度，则可以确定针对多个展示维度的显示系列数组。另外，若存在多个数据指标，则可以确定针对多个数据指标的显示系列数组。进而，可以基于显示系列数组来生成系列对象。

示例性地，在用户向显示终端发起了可视化展示请求之后，显示终端可以返回一个样式配置实例。这里，可以确定针对不同样式信息的配置信息，进而可以确定针对各个样式的定制配置。也就是说，可以由样式的通用配置、类型配置和图像定制配置来确定定制配置实例。

图4示出了根据本发明实施例的数据可视化方法的一示例的信号交互流程图。

如图4所示，其涉及在显示终端(或客户端)与服务端之间的信号交互过程。首先，可以构建针对状态的数据库(例如，可以使用Vuex技术)，用来集中存放分析页的维度、指标、过滤条件等状态。

进而，监听从用户界面是否接收到针对界面上的这些条件的变化请求来修改状态。也就是说，当界面上这些状态条件变更时，会同步更新到仓库，同时触发图表数据查询。接着，查询结果可以经过Chart类的处理，使得产生的配置实例导入Vue-Echarts中，实现即时成图的效果。

需说明的是，Vue表示一种渐进式JavaScript框架，以及Vuex表示一个专为Vue.js应用程序开发的状态管理模式，以及Echarts表示一个使用JavaScript来实现的开源可视化库。

图5示出了根据本发明实施例的数据可视化方法的一示例的原理流程图。

在本实施例中，数据可视化平台从后端到前端设计可以围绕者三个核心部分而展开，即报表(reporter)、数据模型(model)和看板(dashboard)，在精简了常用BI工具的使用流程的同时，能够做到reporter在dashboard层被灵活复用。并且，后端由团队内部开发，可以集成多种数据源，而不存在数据安全问题。另外，对于不同reporter，可以使用sessionId加以区分，这样可以使得多个长连接之间互不干扰。并且，在Vue组件生命周期结束之前及时断开连接。

如图5所示，首先，在后台需要构建数据模型。然后，利用数据模型进行可视化分析，主要包括对图表类型的设置，例如维度设置、指标设置、前置条件与筛选条件设置和图表控制设置等。其中，在图表控制设置方面，还存在图表属性和坐标调整，主要是可以针对维度/指标与图表元素对应关系进行调整。进而，在看板设置方面，可以确定画框与报表设置(例如，筛选条件设置)。最后，通过发布看板来按需实现数据可视化。

在本发明实施例中，可以针对多维度和多指标图表按照用户需求进行可视化展示。

示例性地，针对9种常用图表类型(或可视化样式)定义了一套成图规则，按照可反映维度、指标的数量进行分类。应理解的是，所展示的样式图像针对展示维度与数据指标数量应不作限制。

针对如柱形图、组合图、折线图这三种样式的图表，其支持最多两个维度(单维度表示x轴，双维度分别表示x轴与图例信息)与两个指标(双y轴)，双维度的情况下默认只取第一个指标做度量，只有单维度的情况支持双指标。如图6A示出了根据本发明一实施例的单展示维度(日期)双数据指标(指标a和指标b)的一示例的柱形样式图像的示意图。如图6B示出了根据本发明一实施例的双展示维度(日期和ID)单数据指标的一示例的柱形样式图像的示意图。这里，图中针对不同的维度的柱形图使用对应形状的图形框(例如方形、椭圆形等)来进行标注。

针对如饼图、横向柱图、地图与城市地图的图表，其支持单展示维度与单数据指标。如图6C示出了根据本发明一实施例的单展示维度与单数据指标的一示例的饼图样式图像的示意图。另外，数字图(未示出)可以是仅支持单数据指标，

进一步地，可以在UI页面上针对用户交互信息进行限制，例如针对维度和指标有相同数目限制的样式之间可以互相转换或通用，可反映的数据指标数更多的图表可以向下转换，反之则不可。

在本发明实施例中，可以实现前后端实时的针对用户需求的可视化展示效果，例如通过使用WebSocket技术，该技术具有以下特点：持久化全双工通讯协议、一次HTTP请求后就可以进行消息传送。相比于HTTP longpoll的区别之处在于：Long poll是阻塞模型，并且服务端无法主动联系客户端(或，显示终端)。

另外，关于显示终端与服务端之间的通信，可以使用STOMP消息协议，来提供一个可互操作的连接格式，在WebSocket之上提供了一个基于帧的线路格式，以定义消息的语义。

另一方面，考虑到浏览器兼容性问题，还使用SocketJS替代原生WebSocket，以使用统一的编程模型(在不支持WebSocket的浏览器中，会自动降为轮询的方式，具备回退选项)。

在一些实施方式中，针对各个显示对象，显示终端还配置有拖拽交互功能。示例性地，可以使用Vue.Draggable来实现拖拽功能，在分析页维度、指标选择和看板配置报表部分使用。由此，简化操作步骤，减小记忆负担，加强直观感受，从而提升用户体验。

通过本发明实施例，不需要二次开发接口或前端页面设计，可以极大提高开发效率。

图7示出了根据本发明实施例的数据可视化装置的一示例的结构框图。

如图7所示，数据可视化装置700包括维度信息组确定单元710、显示系列数组确定单元720、第一样式图像确定单元730、切换请求监测单元740和第二样式图像确定单元750。维度信息组确定单元710被配置为针对待展示的文本源数据，确定对应于第一样式信息的第一维度展示信息组，所述第一维度展示信息组包括至少一个展示维度和/或至少一个数据指标。显示系列数组确定单元720被配置为生成与所述第一维度展示信息组中的至少一个展示维度信息和/或至少一个数据指标分别相对应的第一显示系列数组和/或第二显示系列数组。第一样式图像确定单元730被配置为基于所生成的第一显示系列数组和/或第二显示系列数组，确定第一样式图像。切换请求监测单元740被配置为监测是否接收到样式切换请求，所述样式切换请求包括第二样式信息。第二样式图像确定单元750被配置为当接收到所述样式切换请求时，针对所述文本源数据，确定对应于所述第二样式信息的第二样式图像。

上述本发明实施例的装置可用于执行本发明中相应的方法实施例，并相应的达到上述本发明方法实施例所达到的技术效果，这里不再赘述。

本发明实施例中可以通过硬件处理器(hardware processor)来实现相关功能模块。

另一方面，本发明实施例提供一种存储介质，其上存储有计算机程序，该程序被处理器执行如上的数据可视化方法的步骤。

上述产品可执行本申请实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本申请实施例所提供的方法。

本申请实施例的客户端以多种形式存在，包括但不限于:

(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。

(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等，例如iPad。

(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。

(4)其他具有数据交互功能的电子装置。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (10)

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

针对待展示的文本源数据，确定对应于第一样式信息的第一维度展示信息组，所述第一维度展示信息组包括至少一个展示维度和/或至少一个数据指标；

生成与所述第一维度展示信息组中的至少一个展示维度信息和/或至少一个数据指标分别相对应的第一显示系列数组和/或第二显示系列数组；

基于所生成的第一显示系列数组和/或第二显示系列数组，确定第一样式图像；

监测是否接收到样式切换请求，所述样式切换请求包括第二样式信息；

当接收到所述样式切换请求时，针对所述文本源数据，确定对应于所述第二样式信息的第二样式图像。

2.如权利要求1所述的方法，其中，所述确定对应于第一样式信息的第一维度展示信息组包括：

基于样式维度映射表和所述第一样式信息，确定第一维度展示信息组，所述样式维度映射表包括与多个样式信息分别相对应的多个维度展示信息组。

3.如权利要求2所述的方法，其中，所述基于样式维度映射表和所述第一样式信息，确定第一维度展示信息组包括：

基于样式维度映射表来确定对应于所述第一样式信息的候选维度展示信息组；

获取样式修改请求，所述样式定制请求包括针对所述候选维度展示信息组的修改配置信息；

基于所述修改配置信息和所述候选维度展示信息组，确定所述第一维度展示信息组。

4.如权利要求1所述的方法，其中，所述第一样式信息和/或所述第二样式信息包括以下中的任意一种：柱形图、组合图、折线图、饼图、横向柱图、地图和数字图。

5.如权利要求2或4所述的方法，其中，所述柱形图、所述组合图或所述折线图的所支持的维度展示信息组对应于以下中的任意一者：单展示维度双数据指标和/或双展示维度单数据指标；

所述饼图、所述横向柱图或所述地图所支持的维度展示信息组对应于单展示维度单数据指标；以及

所述数字图所支持的维度展示信息组对应于单数据指标。

6.如权利要求1所述的方法，其中，在针对待展示的文本源数据，确定对应于第一样式信息的第一维度展示信息组之前，所述方法还包括：

获取数据可视化请求，所述数据可视化请求包括第一样式信息和目标文本标识；

从文本源数据库中确定与所述目标文本标识相对应的待展示的文本源数据，所述文本源数据库包括多个文本源数据，且每一文本源数据分别对应于唯一的文本标识。

7.如权利要求6所述的方法，其中，所述监测是否接收到样式切换请求包括：

基于STOMP消息协议监测是否接收到所述样式切换请求。

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

维度信息组确定单元，被配置为针对待展示的文本源数据，确定对应于第一样式信息的第一维度展示信息组，所述第一维度展示信息组包括至少一个展示维度和/或至少一个数据指标；

显示系列数组确定单元，被配置为生成与所述第一维度展示信息组中的至少一个展示维度信息和/或至少一个数据指标分别相对应的第一显示系列数组和/或第二显示系列数组；

第一样式图像确定单元，被配置为基于所生成的第一显示系列数组和/或第二显示系列数组，确定第一样式图像；

切换请求监测单元，被配置为监测是否接收到样式切换请求，所述样式切换请求包括第二样式信息；

第二样式图像确定单元，被配置为当接收到所述样式切换请求时，针对所述文本源数据，确定对应于所述第二样式信息的第二样式图像。

9.一种电子设备，其包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-7中任一项所述方法的步骤。

10.一种存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-7中任一项所述方法的步骤。

Images