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

Abstract

本发明公开了一种数据可视化方法及装置，涉及计算机技术领域，主要目的在于通过设置展示框架减少开发人员的重复性工作，简化数据可视化开发流程，提高页面的开发效率。本发明主要的技术方案为：根据页面请求获取页面源文件，所述页面源文件为保存有页面数据信息的资源文件；利用所述页面源文件获取图表配置信息；根据所述图表配置信息提取图表数据，生成图表；根据所述图表配置信息确定所述图表在页面中的位置，展示所述图表。本发明主要用于在页面中使用图表展示数据。

Description

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

技术领域

本发明涉及计算机技术领域，尤其涉及一种数据可视化方法及装置。

背景技术

随着互联网日益渗透到社会生活的方方面面，提供互联网服务的公司积累了越来越多的数据，这些数据的价值逐渐被人们所意识到，利用这些数据可以分析用户行为，决策辅助，行业发展等等。但数据只是静态的，数据可视化可以使用户对数据的关联及潜在价值有更直观的认识和理解。完整的数据可视化流程是获取数据，数据处理，事件处理，图表处理，图表展示。

现有的数据可视化流程都是先开发页面，对于页面中每一个需要进行数据可视化展示的图表逐一的进行编辑开发，使得用户在获取该页面信息时，能够准确的加载显示用于表示数据的图表。在完成图表开发的同时，还需要设计开发该图表在页面中的显示位置及比例，以保证该图表能够在页面中实现最优化的展示。然而，在现有的开发流程中，大量存在有同一个页面中的不同图表所获取的数据内容相同，而在开发时则需要开发人员进行相同代码的重复编辑，严重影响了页面开发的效率。

发明内容

有鉴于此，本发明提供一种数据可视化方法及装置，主要目的在于通过设置展示框架减少开发人员的重复性工作，简化数据可视化开发流程，提高页面的开发效率。

为达到上述目的，本发明主要提供如下技术方案：

一方面，本发明提供了一种数据可视化方法，该方法包括：

根据页面请求获取页面源文件，所述页面源文件为保存有页面数据信息的资源文件；

利用所述页面源文件获取图表配置信息；

根据所述图表配置信息提取图表数据，生成图表；

根据所述图表配置信息确定所述图表在页面中的位置，展示所述图表。

另一方面，本发明还提供了一种数据可视化装置，该装置包括：

第一获取单元，用于根据页面请求获取页面源文件，所述页面源文件为保存有页面数据信息的资源文件；

第二获取单元，用于利用所述第一获取单元获取的页面源文件获取图表配置信息；

生成单元，用于根据所述第二获取单元获取的图表配置信息提取图表数据，生成图表；

展示单元，用于根据所述第二获取单元获取的图表配置信息确定所述生成单元生成的图表在页面中的位置，展示所述图表。

依据上述本发明所提出的一种数据可视化方法及装置，通过分析用户的提供的页面请求来获取所要显示页面的页面源文件，在该页面源文件中获取展示在该页面中图表的配置信息，再根据图表配置信息获取生成该图表所需的图表数据，并生成所需图表。同时，根据图表配置信息确定该图表在页面中的位置信息，并将生成的图表展示在页面中，以达到数据的可视化。和现有的数据可视化的方式相比，本发明所采用的方法是将数据可视化的图表以配置信息的形式加以标准化应用，形成标准化的图表展示框架。在利用该展示框架开发页面时，能够将页面中的图表以配置信息的形式进行编辑开发，通过配置信息自动的加载图表数据并展示在页面中，不再需要开发人员对页面中的图表逐个的进行编辑，大幅减少了图表编辑中的重复性工作，从而提高页面的开发效率。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

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

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

图3示出了本发明实施例提出的一种数据可视化装置的组成框图；

图4示出了本发明实施例提出的另一种数据可视化装置的组成框图。

具体实施方式

下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例，然而应当理解，可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本发明，并且能够将本发明的范围完整的传达给本领域的技术人员。

本发明实施例提供了一种数据可视化的方法，如图1所示，该方法应用于数据可视化开发系统中，特别是在开发设计页面时，能够通过简便的编辑页面中图表的配置，来实现以图表展示数据信息的效果，具体步骤包括：

101、根据页面请求获取页面源文件。

页面请求为用户通过使用客户端向服务器发送的页面获取的指令，当客户端为应用程序时，页面请求可以是应用中某个页面的调用指令，而在客户端为浏览器时，该页面请求可以是一个统一资源定位符(Uniform Resource Locator，URL)。为了响应用户所发送的页面请求，系统将根据该页面请求获取对应页面的页面源文件。其中，页面源文件是保存有页面数据信息的资源文件，该资源文件是在设计开发该页面时所生成的文件数据信息，如HTML(超文本标记语言)文件，CSS(层叠样式表)文件，图片，文本等资源文件。

102、利用页面源文件获取图表配置信息。

在本发明实施例中，图表配置信息是在页面设计开发过程中，将页面中图表设计开发中公用的编辑代码、过程以及指令等信息以标准化，模块化的方式加以设置，将图表的设计开发简化为配置信息的编辑或调用，从而减少在设计开发图表中所进行的重复性编辑工作。

在页面中，每一个图表均可以通过不同的图表配置信息进行表示，因此，在页面源文件中，除了上述101中所设计的文件数据外，还应包括该页面中所含有的图表配置信息，或者是能够获取该图表配置信息的可执行文件，通过执行该文件来得到图表配置信息。

103、根据图表配置信息提取图表数据，生成图表。

在获取到图表配置信息后，系统将根据图表配置信息中用于生成图表的相关配置信息生成用于展示在页面中的图表。其中，包括获取用于生成图表的基础图表数据，确定图表展示的相关属性信息等。

需要指出的是，在一个页面源文件中所需要展示的图表可能为多个，因此，通过页面源文件所获取的图表配置信息是以图表为单位进行划分的，每一个图表都有一套对应的图表配置信息。所以，在生成图表时，也是根据不同的图表配置信息生成展示在页面中不同的图表。本发明实施例的优势主要体现在设计开发图表时，不需要对每一个图表进行逐个的代码编写，只需要编辑每个图表所必须的配置信息，便可由系统自动进行图表的生成以及展示，提高了页面开发的整体效率。

104、根据图表配置信息确定图表在页面中的位置，展示所述图表。

在生成图表的同时，系统还将根据图表配置信息来确定图表展示在页面中的位置，在确定了具体的位置后，就能够将所生成的图表展示在该页面中。在现有的图表展示方式中，在将图表与页面相结合时，会出现图表与页面的展示比例不同，影响用户的观看效果，因此，需要进行后续的图表显示的优化调整，而在本发明实施例中，由于图表的位置信息被设置在图表配置信息中，而在生成图表的过程中，系统就可以根据该位置信息直接生成显示效果最优的图表，简化了图表后期的调整优化步骤。

结合上述的实现方式可以看出，本发明实施例所采用的一种数据可视化方法，通过分析用户的提供的页面请求来获取所要显示页面的页面源文件，在该页面源文件中获取展示在该页面中图表的配置信息，再根据图表配置信息获取生成该图表所需的图表数据，并生成所需图表。同时，根据图表配置信息确定该图表在页面中的位置信息，并将生成的图表展示在页面中，以达到数据的可视化。和现有的数据可视化的方式相比，本发明实施例所采用的方法是将数据可视化的图表以配置信息的形式加以标准化应用，形成标准化的图表展示框架。利用该展示框架开发页面时，能够将页面中的图表以配置信息的形式进行编辑开发，通过配置信息自动的加载图表数据并展示在页面中，不再需要开发人员对页面中的图表逐个的进行编辑，大幅减少了图表编辑中的重复性工作，从而提高页面的开发效率。

为了更加详细地说明本发明提出的一种数据可视化方法，本发明实施例将具体说明对页面的开发过程，从而说明页面中的图表是以展示框架的形式实现图表的生成与显示的，如图3所示，该方法所包括步骤为：

201、保存页面源文件与设置图表配置信息。

保存页面源文件是指将由开发设计人员制作的关于页面数据信息的资源文件进行统一的保存。具体的页面设计与制作过程均为现有的成熟技术，本发明实施例对此不再进行说明，具体的页面源文件内容可参见上述101中的说明，此处不再赘述。需要说明的是，在页面源文件中保存有该页面中图表的位置信息，这些位置信息通过标签的形式标记在页面中的各个图表文件中，以此来确定页面中不同图表所在位置，具体的标记方式本发明实施例不做限定，可以是以坐标的形式对图表的位置进行定位说明，也可以是先通过对页面进行区块划分，再为不同的图表标记不同的区块来定位。

图表配置信息的设置是将页面中图表的开发设计进行总结归纳，将公共的编辑部分进行提取，形成一个通用的图表生成与展示框架。在该框架下，通过修改具体的配置信息就可以生成不同的图表。在本发明实施例中，该框架中的图表配置信息主要包括：

1、图表在页面中的位置信息，该位置信息与上述页面源文件中的图表位置信息相对应，通过配置图表的位置信息来确定该图表所在的页面以及页面中的位置。

2、图表的选项及属性信息，用于确定图表最终在页面中展示效果，例如通过设置具体的选项及属性信息，就可以确定图表的形状、大小、功能等涉及到在页面中展示效果的参数信息。

3、数据源信息，用于记录获取该图表数据的服务器接口信息，通过设置数据源信息，系统就能够根据具体的接口信息向保存有图表数据的服务器发送数据获取请求。该配置信息是生成图表必备的基础数据信息。

4、数据源与图表的选项及属性信息的绑定信息，配置该绑定信息主要用于生成图表，将根据数据源信息获取的图表数据按照图表的选项及属性信息进行结合，生成可视化的图表。

通过对上述框架中的配置信息的设置就能够确定并在页面中展示所需要的图表。通过图表配置信息所进行的图表开发设计不再需要对图表进行逐个的代码编写，从而也节省了后续对代码的编译过程，进一步提高了页面开发的效率。

202、根据页面请求获取页面源文件。

通过分析用户发送的URL，获取并加载页面源文件。

203、利用页面源文件获取图表配置信息。

本发明实施例中，页面源文件为可执行的脚本文件，通过执行该脚本文件，能够获取该页面中需要进行展示的图表信息。需要说明的是，由于一个页面中可以有多个图表信息，因此，系统将逐个的地进行图表信息的获取，在完成一个图表的生成与展示后再根据下一个图表信息生成图表及展示，直至将该页面中的所有图表全部展示完成。

将所获取的图表信息带入到上述的框架中进行筛选过滤，保留该框架中所需的图表配置信息。

204、根据图表配置信息提取图表数据，生成图表。

在得到图表配置信息后，提取该配置信息中的数据源信息，通过获取数据源信息中记录的服务器接口信息，向该服务器发送图表数据的获取请求。在服务器做出响应后，接收该服务器发送的图表数据。

在得到具体的图表数据后，再提取配置信息中的数据源与图表的选项及属性信息的绑定信息，以及图表的选项及属性信息。通过图表的选项及属性信息确定图表的基本属性，如图表的展示形式，具有的功能等属性。在经过绑定信息将所获取的图表数据与图表的基本属性进行结合，按照图表的选项及属性信息处理图表数据，生成最终用于展示的图表。

205、根据图表配置信息确定图表在页面中的位置，展示所述图表。

本步骤是在得到图表配置信息后，提取图表配置信息中图表在页面中的位置信息。再根据该位置信息确定图表在页面中的显示位置，在确定了具体的显示位置后，系统会根据所显示的需要对图表的展示信息进行优化调整。其中，具体的调整策略则是可以根据实际情况进行修改的，如可以优先显示整体图表，或者是在保证清晰的基础上进行部分显示。

本步骤在执行过程中可以是在204完成图表的生成之后进行，也可以是在完成203得到图表配置信息之后与204同步进行。可见，本步骤与204之间并没有必然的先后顺序关系。

在本发明实施例中，201是对页面及图表设计开发的说明，通过202的触发，由203至205循环执行以完成页面中图表的可视化展示，将最终将加载完成的页面展示给用户。

进一步的，作为对上述方法的实现，本发明实施例提供了一种数据可视化装置，该装置实施例与前述方法实施例对应，为便于阅读，本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述，但应当明确，本实施例中的装置能够对应实现前述方法实施例中的全部内容。该装置用于数据可视化开发系统的开发硬件设备中，用于页面中图表的设计开发，如图3所示，该装置包括：

第一获取单元31，用于根据页面请求获取页面源文件，所述页面源文件为保存有页面数据信息的资源文件；

第二获取单元32，用于利用所述第一获取单元31获取的页面源文件获取图表配置信息；

生成单元33，用于根据所述第二获取单元32获取的图表配置信息提取图表数据，生成图表；

展示单元34，用于根据所述第二获取单元32获取的图表配置信息确定所述生成单元33生成的图表在页面中的位置，展示所述图表。

进一步的，如图4所示，所述装置还包括：

保存单元35，用于在所述第一获取单元31根据页面请求获取页面源文件之前，保存页面源文件，所述页面源文件中标记有图表在页面中的位置信息。

进一步的，如图4所示，所述装置还包括：

设置单元36，用于在所述第一获取单元31根据页面请求获取页面源文件之前，设置图表配置信息，所述图表配置信息包括：图表在页面中的位置信息；图表的选项及属性信息；数据源信息，用于记录获取所述图表数据的服务器接口信息；数据源与所述图表的选项及属性信息的绑定信息。

进一步的，如图4所示，所述第二获取单元32包括：

执行模块321，用于执行所述页面源文件中的脚本文件，得到所述页面源文件中需要展示的图表信息；

获取模块322，用于根据所述执行模块得到的图表信息获取图表配置信息。

进一步的，如图4所示，所述生成单元33包括：

提取模块331，用于提取图表配置信息中的数据源信息；

发送模块332，用于根据所述提取模块331提取的数据源信息，向服务器发送图表数据获取请求；

接收模块333，用于根据所述发送模块332发送的获取请求接收所述图表数据；

生成模块334，用于利用所述绑定信息，将所述接收模块333接收的图表数据按照图表的选项及属性信息进行处理，生成用于展示的图表。

进一步的，如图4所示，所述展示单元34包括：

提取模块341，用于提取图表配置信息中图表在页面中的位置信息；

确定模块342，用于根据所述提取模块341提取的位置信息确定所述图表在页面中的位置；

展示模块343，用于根据所述确定模块342确定的位置调整所述图表的展示信息，并展示在所述位置上。

综上所述，本发明实施例所采用的一种数据可视化方法及装置，通过分析用户的提供的页面请求来获取所要显示页面的页面源文件，在该页面源文件中获取展示在该页面中图表的配置信息，再根据图表配置信息获取生成该图表所需的图表数据，并生成所需图表。同时，根据图表配置信息确定该图表在页面中的位置信息，并将生成的图表展示在页面中，以达到数据的可视化。和现有的数据可视化的方式相比，本发明实施例所采用的方法是将数据可视化的图表以配置信息的形式加以标准化应用，形成标准化的图表展示框架。利用该展示框架开发页面时，能够将页面中的图表以配置信息的形式进行编辑开发，通过配置信息自动的加载图表数据并展示在页面中，不再需要开发人员对页面中的图表逐个的进行编辑，大幅减少了图表编辑中的重复性工作，从而提高页面的开发效率。

所述数据可视化装置包括处理器和存储器，上述第一获取单元、第二获取单元、生成单元和展示单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来实现简化数据可视化器的播放，特别是针对在数据可视化意外中断时的视频续播功能。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：根据页面请求获取页面源文件，所述页面源文件为保存有页面数据信息的资源文件；利用所述页面源文件获取图表配置信息；根据所述图表配置信息提取图表数据，生成图表；根据所述图表配置信息确定所述图表在页面中的位置，展示所述图表。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (9)

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

根据页面请求获取页面源文件，所述页面源文件为保存有页面数据信息的资源文件；

利用所述页面源文件获取图表配置信息；

根据所述图表配置信息提取图表数据，生成图表；

根据所述图表配置信息确定所述图表在页面中的位置，展示所述图表，具体包括：提取图表配置信息中图表在页面中的位置信息；根据所述位置信息确定所述图表在页面中的位置；根据所述位置调整所述图表的展示信息，并展示在所述位置上；

在根据页面请求获取页面源文件之前，所述方法还包括：

设置图表配置信息，所述图表配置信息包括：图表在页面中的位置信息；图表的选项及属性信息；数据源信息，用于记录获取所述图表数据的服务器接口信息；数据源与所述图表的选项及属性信息的绑定信息。

2.根据权利要求1所述的方法，其特征在于，在根据页面请求获取页面源文件之前，所述方法还包括：

保存页面源文件，所述页面源文件中标记有图表在页面中的位置信息。

3.根据权利要求1-2中任一项所述的方法，其特征在于，利用所述页面源文件获取图表配置信息包括：

执行所述页面源文件中的脚本文件，得到所述页面源文件中需要展示的图表信息；

根据所述图表信息获取图表配置信息。

4.根据权利要求3所述方法，其特征在于，根据所述图表配置信息提取图表数据，生成图表包括：

提取图表配置信息中的数据源信息；

根据所述数据源信息，向服务器发送图表数据获取请求；

根据所述获取请求接收所述图表数据；

利用所述绑定信息，将所述图表数据按照图表的选项及属性信息进行处理，得到用于展示的图表。

5.一种数据可视化的装置，其特征在于，所述装置包括：

第一获取单元，用于根据页面请求获取页面源文件，所述页面源文件为保存有页面数据信息的资源文件；

第二获取单元，用于利用所述第一获取单元获取的页面源文件获取图表配置信息；

生成单元，用于根据所述第二获取单元获取的图表配置信息提取图表数据，生成图表；

展示单元，用于根据所述第二获取单元获取的图表配置信息确定所述生成单元生成的图表在页面中的位置，展示所述图表，具体用于提取图表配置信息中图表在页面中的位置信息；根据所述位置信息确定所述图表在页面中的位置；根据所述位置调整所述图表的展示信息，并展示在所述位置上；

所述装置还包括：

设置单元，用于在所述第一获取单元根据页面请求获取页面源文件之前，设置图表配置信息，所述图表配置信息包括：图表在页面中的位置信息；图表的选项及属性信息；数据源信息，用于记录获取所述图表数据的服务器接口信息；数据源与所述图表的选项及属性信息的绑定信息。

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

保存单元，用于在所述第一获取单元根据页面请求获取页面源文件之前，保存页面源文件，所述页面源文件中标记有图表在页面中的位置信息。

7.根据权利要求5-6中任一项所述的装置，其特征在于，所述第二获取单元包括：

执行模块，用于执行所述页面源文件中的脚本文件，得到所述页面源文件中需要展示的图表信息；

获取模块，用于根据所述执行模块得到的图表信息获取图表配置信息。

8.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至权利要求4中任意一项所述的数据可视化的方法。

9.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行权利要求1至权利要求4中任意一项所述的数据可视化的方法。

Images