CN105512265A - 一种通过图形展示数据的方法及装置 - Google Patents

Abstract

本发明提供了一种通过图形展示数据的方法及装置，该方法，包括：预先设置展示图形的配置信息，所述配置信息包括：展示图形的图形类型；获取待展示数据；将所述待展示数据按照所述展示图形的图形类型的数据属性进行分类，确定每种数据属性对应的子类数据；确定每种数据属性对应的子类数据的存储位置；根据所述配置信息和每种数据属性对应的子类数据的存储位置，分别在所述展示图形的每种数据属性中加载对应的子类数据，生成所述展示图形。本发明提供了一种通过图形展示数据的方法及装置，能够更加简单的实现通过图形展示数据。

Description

一种通过图形展示数据的方法及装置

技术领域

本发明涉及计算机技术领域，特别涉及一种通过图形展示数据的方法及装置。

背景技术

随着信息技术的快速发展，使得企业面临的数据量成指数增长，如何加工处理这些庞大的数据，并通过计算机技术直观形象的展现出分析结果，是当前所要解决的问题。

现有技术中，由计算机专业人员对待展示的数据进行整合、读取、加载，然后，通过对待展示的数据进行编码，通过图像的方式呈现出来。

通过上述描述可见，现有技术中通过图形展示数据的方法实现起来比较复杂。

发明内容

本发明提供了一种通过图形展示数据的方法及装置，能够更加简单的实现通过图形展示数据。

一方面，本发明提供了一种通过图形展示数据的方法，包括：预先设置展示图形的配置信息，所述配置信息包括：展示图形的图形类型；还包括：

S1：获取待展示数据；

S2：将所述待展示数据按照所述展示图形的图形类型的数据属性进行分类，确定每种数据属性对应的子类数据；

S3：确定每种数据属性对应的子类数据的存储位置；

S4：根据所述配置信息和每种数据属性对应的子类数据的存储位置，分别在所述展示图形的每种数据属性中加载对应的子类数据，生成所述展示图形。

进一步地，该方法还包括：预先设置每种图形类型对应的展示模型，所述展示模型，包括：对应的图形类型的数据属性的数据接口；

所述S4，包括：

根据所述配置信息中的展示图形的图形类型，确定所述展示图形的展示模型；

根据每种数据属性对应的子类数据的存储位置，为所述展示图形的展示模型的每个数据接口配置对应的存储位置，通过每个数据接口从对应的存储位置中获取子类数据，通过所述展示图形的展示模型根据每个数据接口获取的子类数据设置对应的数据属性，生成所述展示图形。

进一步地，在所述S3之后，在所述S4之前，还包括：根据所述配置信息和每种数据属性对应的子类数据的存储位置，生成JSON串；

将所述JSON串传输给所述展示模型，从所述JSON串中解析出所述配置信息和所述存储位置。

进一步地，所述S1，包括：

获取所述待展示数据的源数据；

根据所述展示图形的图形类型的数据属性，将所述源数据转换成所述图形类型能够展示的所述待展示数据。

进一步地，所述配置信息还包括：

展示图形的色彩信息、展示图形的标题信息、展示图形的提示框信息、展示图形的画布大小信息、展示图形的坐标轴信息。

进一步地，所述展示图形的图形类型，包括：柱状图、饼形图、折线图、瀑布图、K线图、仪表图。

另一方面，本发明提供了一种通过图形展示数据的装置，包括：

第一设置单元，用于设置展示图形的配置信息，所述配置信息包括：展示图形的图形类型；

获取单元，用于获取待展示数据；

分类单元，用于将所述待展示数据按照所述展示图形的图形类型的数据属性进行分类，确定每种数据属性对应的子类数据；

确定单元，确定每种数据属性对应的子类数据的存储位置；

展示单元，用于根据所述配置信息和每种数据属性对应的子类数据的存储位置，分别在所述展示图形的每种数据属性中加载对应的子类数据，生成所述展示图形。

进一步地，该装置还包括：

第二设置单元，用于设置每种图形类型对应的展示模型，所述展示模型，包括：对应的图形类型的数据属性的数据接口；

所述展示单元，具体用于根据所述配置信息中的展示图形的图形类型，确定所述展示图形的展示模型，根据每种数据属性对应的子类数据的存储位置，为所述展示图形的展示模型的每个数据接口配置对应的存储位置，通过每个数据接口从对应的存储位置中获取子类数据，通过所述展示图形的展示模型根据每个数据接口获取的子类数据设置对应的数据属性，生成所述展示图形。

进一步地，该装置还包括：

生成单元，用于根据所述配置信息和每种数据属性对应的子类数据的存储位置，生成JSON串；

解析单元，用于将所述JSON串传输给所述展示模型，从所述JSON串中解析出所述配置信息和所述存储位置。

进一步地，所述获取单元，用于获取所述待展示数据的源数据，根据所述展示图形的图形类型的数据属性，将所述源数据转换成所述图形类型能够展示的所述待展示数据。

进一步地，所述配置信息还包括：

展示图形的色彩信息、展示图形的标题信息、展示图形的提示框信息、展示图形的画布大小信息、展示图形的坐标轴信息。

进一步地，所述展示图形的图形类型，包括：柱状图、饼形图、折线图、瀑布图、K线图、仪表图。

通过本发明提供的一种通过图形展示数据的方法及装置，预先设置展示图形的配置信息，将待展示数据按照图像类型的数据属性进行分类，根据配置信息，将每类的子类数据加载到展示图形的对应的数据属性中，生成展示图形，这个实现过程中需要专业人员来对待展示数据进行处理，无需对待展示数据通过编码的方式加载到展示图形中，只需根据展示图形的配置信息即可实现待展示数据的图形展示，更加简单的实现了通过图形展示数据。

附图说明

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

图1是本发明一实施例提供的一种通过图形展示数据的方法的流程图；

图2是本发明一实施例提供的另一种通过图形展示数据的方法的流程图；

图3是本发明一实施例提供的一种通过图形展示数据的装置的示意图；

图4是本发明一实施例提供的另一种通过图形展示数据的装置的示意图。

具体实施方式

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

如图1所示，本发明实施例提供了一种通过图形展示数据的方法，该方法可以包括以下步骤：

S0：预先设置展示图形的配置信息，所述配置信息包括：展示图形的图形类型；

S1：获取待展示数据；

S2：将所述待展示数据按照所述展示图形的图形类型的数据属性进行分类，确定每种数据属性对应的子类数据；

S3：确定每种数据属性对应的子类数据的存储位置；

S4：根据所述配置信息和每种数据属性对应的子类数据的存储位置，分别在所述展示图形的每种数据属性中加载对应的子类数据，生成所述展示图形。

通过本发明实施例提供的一种通过图形展示数据的方法，预先设置展示图形的配置信息，将待展示数据按照图像类型的数据属性进行分类，根据配置信息，将每类的子类数据加载到展示图形的对应的数据属性中，生成展示图形，这个实现过程中需要专业人员来对待展示数据进行处理，无需对待展示数据通过编码的方式加载到展示图形中，只需根据展示图形的配置信息即可实现待展示数据的图形展示，更加简单的实现了通过图形展示数据。

展示图形的图形类型可以有很多种，而针对不同的图形类型，展示的方式是不同，待展示数据的对展示图形的影响也不同，因此，不同的图形类型需要不同的展示模型来实现。在一种可能的实现方式中，该方法还包括：预先设置每种图形类型对应的展示模型，所述展示模型，包括：对应的图形类型的数据属性的数据接口；

所述S4，包括：

根据所述配置信息中的展示图形的图形类型，确定所述展示图形的展示模型；

根据每种数据属性对应的子类数据的存储位置，为所述展示图形的展示模型的每个数据接口配置对应的存储位置，通过每个数据接口从对应的存储位置中获取子类数据，通过所述展示图形的展示模型根据每个数据接口获取的子类数据设置对应的数据属性，生成所述展示图形。

举例来说，图形类型为柱状图，柱状图的展示模型中，包括：柱状图的纵坐标的数据接口、柱状图的横坐标的数据接口等。根据柱状图的纵坐标的数据接口获取的子类数据设置展示图形的纵坐标的值，即柱状图的高度属性，根据柱状图的横坐标的数据接口获取的子类数据设置展示图形的横坐标的值。

另外，该展示模型可以通过Html页面和HIGHCHART插件来实现，通过web方式显示展示图形。

在一种可能的实现方式中，在所述S3之后，在所述S4之前，还包括：根据所述配置信息和每种数据属性对应的子类数据的存储位置，生成JSON串；

将所述JSON串传输给所述展示模型，从所述JSON串中解析出所述配置信息和所述存储位置。

在该实现方式中，通过JSON串来存储配置信息和存储位置，能够使配置信息和存储位置的存储和读取更加方便快捷，能够提高处理的效率。

具体地，该实现方式可以通过以下代码实现：

在一种可能的实现方式中，所述S1，包括：

获取所述待展示数据的源数据；

根据所述展示图形的图形类型的数据属性，将所述源数据转换成所述图形类型能够展示的所述待展示数据。

由于源数据的存储方式可能不规范，无法直接用于图形展示，因此，需要对源数据进行转换，转换成能够展示的待展示数据。举例来说，源数据中有时间和产量两类数据，但是，这两类数据的存储不规范，没有规律，通过该实现方式，可以将源数据转换成两列，这样就可以实现通过图形类型展示。

另外，该实现方式可以通过数据处理室来实现，通过数据处理室可以通过不同的数据源、数据对象、取数方式将源数据进行加工、分析，生成展示图形的图形类型能够展示的待展示数据。为了便于用户查看待展示数据，生成待展示数据的预览信息。

还可以根据实际应用的场景构建数据处理室，具体的可以通过SQL取数、存储过程、自定义构件等来实现。

在一种可能的实现方式中，所述配置信息还包括：

展示图形的色彩信息、展示图形的标题信息、展示图形的提示框信息、展示图形的画布大小信息、展示图形的坐标轴信息。

在一种可能的实现方式中，所述展示图形的图形类型，包括：柱状图、饼形图、折线图、瀑布图、K线图、仪表图。

为使本发明的目的、技术方案和优点更加清楚，下面结合附图及具体实施例对本发明作进一步地详细描述。

在本发明实施例中，需要通过柱状图来展示待展示数据。待展示数据为2015年每月的棉花产量。

如图2所示，本发明实施例提供了一种通过图形展示数据的方法，该方法可以包括以下步骤：

步骤201：预先设置展示图形的配置信息，所述配置信息包括：展示图形的图形类型为柱状图、展示图形的色彩信息、展示图形的标题信息、展示图形的提示框信息、展示图形的画布大小信息、展示图形的坐标轴信息。

在该实现方式中，用户可以根据需要配置展示图形的图形类型，图形类型包括：柱状图、饼形图、折线图、瀑布图、K线图、仪表图。

举例来说，可以将展示图形的色彩信息设置为红色，展示图形的标题信息设置为2015年每月的棉花产量的柱状图，展示图形的坐标轴信息中可以将横坐标轴设置为时间、纵坐标轴设置为产量。

配置信息中的配置是为了展示图片能够按照用户的自定义来显示，更加符合用户需求。

步骤202：预先设置每种图形类型对应的展示模型，所述展示模型，包括：对应的图形类型的数据属性的数据接口。

每种图形类型所显示的图形是不同的，因此，其展示模型也不同。举例来说，柱状图是柱状的，饼形图是饼形的，折线图是线形的。这些形状都是通过对应的展示模型来实现的。将展示模型加载上所需要的数据，即可显示出展示图形，而数据的加载需要通过数据接口来实现。

以柱状图为例，横坐标数据属性对应数据接口A，纵坐标数据属性对应数据接口B。

步骤203：获取待展示数据。

在该步骤中，待展示数据可以存储在表A中，表中的A列是时间，B列是对应的产量。这样能够直接被用来进行图形展示。如果不符合要求，需要转换成符合要求的形式。

步骤204：将待展示数据按照展示图形的图形类型的数据属性进行分类，确定每种数据属性对应的子类数据。

举例来说，柱状图的数据属性有横坐标数据属性、纵坐标数据属性；按照这两个数据属性将待展示数据分成两类，表A的A列为一类子类数据，B列为一类子类数据。可以将横坐标数据属性对应A列子类数据，纵坐标数据属性对应B列子类数据。

对于其他的图形类型，也有类似的数据属性，只有将这些数据属性与待展示数据的子类数据进行对应，才能正确的通过展示图形对待展示数据进行展示。

步骤205：确定每种数据属性对应的子类数据的存储位置。

由于在进行图形展示时，无法将所有的数据直接传输给展示模型，而且直接传输待展示数据给展示模型，效率比较低，因此，可以将子类数据的存储位置传输给展示模型，以使展示模型在需要数据时，自行获取。

步骤206：根据所述配置信息中的展示图形的图形类型，确定所述展示图形的展示模型。

每种图形类型的展示模型不同，可以通过配置信息确定满足需要的展示模型。这里确定出柱形图的展示模型。

步骤207：根据每种数据属性对应的子类数据的存储位置，为所述展示图形的展示模型的每个数据接口配置对应的存储位置，通过每个数据接口从对应的存储位置中获取子类数据，通过所述展示图形的展示模型根据每个数据接口获取的子类数据设置对应的数据属性，根据所述配置信息，生成所述展示图形。

具体地，将A表的A列的存储位置配置给横坐标数据属性的数据接口A，将A表的B列的存储位置配置给纵坐标数据属性的数据接口B。数据接口A从配置的存储位置中获取A列的数据，数据接口B从配置的存储位置中获取B列的数据。根据数据接口A获取的子类数据设置横坐标数据属性，根据数据接口B获取的子类数据设置纵坐标数据属性，也就是，将横坐标和纵坐标填充上数据，然后根据纵坐标的大小确定柱状图的高度。

配置信息中还包括：展示图形的色彩信息、展示图形的标题信息、展示图形的提示框信息、展示图形的画布大小信息、展示图形的坐标轴信息。

根据这些信息设置展示图形的对应属性，例如，根据色彩信息，设置柱状图的颜色，根据标题信息设置柱状图的标题，根据坐标轴信息在横坐标轴上显示时间，在纵坐标轴上显示产量。

另外，在步骤207之前，还可以包括：根据所述配置信息和每种数据属性对应的子类数据的存储位置，生成JSON串；将所述JSON串传输给所述展示模型，从所述JSON串中解析出所述配置信息和所述存储位置。

如图3、图4所示，本发明实施例提供了一种通过图形展示数据的装置。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。从硬件层面而言，如图3所示，为本发明实施例提供的一种通过图形展示数据的装置所在设备的一种硬件结构图，除了图3所示的处理器、内存、网络接口、以及非易失性存储器之外，实施例中装置所在的设备通常还可以包括其他硬件，如负责处理报文的转发芯片等等。以软件实现为例，如图4所示，作为一个逻辑意义上的装置，是通过其所在设备的CPU将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。本实施例提供的一种通过图形展示数据的装置，包括：

第一设置单元401，用于设置展示图形的配置信息，所述配置信息包括：展示图形的图形类型；

获取单元402，用于获取待展示数据；

分类单元403，用于将所述待展示数据按照所述展示图形的图形类型的数据属性进行分类，确定每种数据属性对应的子类数据；

确定单元404，确定每种数据属性对应的子类数据的存储位置；

展示单元405，用于根据所述配置信息和每种数据属性对应的子类数据的存储位置，分别在所述展示图形的每种数据属性中加载对应的子类数据，生成所述展示图形。

在一种可能的实现方式中，该装置还包括：

第二设置单元，用于设置每种图形类型对应的展示模型，所述展示模型，包括：对应的图形类型的数据属性的数据接口；

所述展示单元，具体用于根据所述配置信息中的展示图形的图形类型，确定所述展示图形的展示模型，根据每种数据属性对应的子类数据的存储位置，为所述展示图形的展示模型的每个数据接口配置对应的存储位置，通过每个数据接口从对应的存储位置中获取子类数据，通过所述展示图形的展示模型根据每个数据接口获取的子类数据设置对应的数据属性，生成所述展示图形。

在一种可能的实现方式中，该装置还包括：

生成单元，用于根据所述配置信息和每种数据属性对应的子类数据的存储位置，生成JSON串；

解析单元，用于将所述JSON串传输给所述展示模型，从所述JSON串中解析出所述配置信息和所述存储位置。

在一种可能的实现方式中，所述获取单元，用于获取所述待展示数据的源数据，根据所述展示图形的图形类型的数据属性，将所述源数据转换成所述图形类型能够展示的所述待展示数据。

在一种可能的实现方式中，所述配置信息还包括：

展示图形的色彩信息、展示图形的标题信息、展示图形的提示框信息、展示图形的画布大小信息、展示图形的坐标轴信息。

在一种可能的实现方式中，所述展示图形的图形类型，包括：柱状图、饼形图、折线图、瀑布图、K线图、仪表图。

上述装置内的各单元之间的信息交互、执行过程等内容，由于与本发明方法实施例基于同一构思，具体内容可参见本发明方法实施例中的叙述，此处不再赘述。

本发明实施例提供的一种通过图形展示数据的方法及装置，具有如下有益效果：

1、通过本发明实施例提供的一种通过图形展示数据的方法及装置，预先设置展示图形的配置信息，将待展示数据按照图像类型的数据属性进行分类，根据配置信息，将每类的子类数据加载到展示图形的对应的数据属性中，生成展示图形，这个实现过程中需要专业人员来对待展示数据进行处理，无需对待展示数据通过编码的方式加载到展示图形中，只需根据展示图形的配置信息即可实现待展示数据的图形展示，更加简单的实现了通过图形展示数据。

2、本发明实施例提供的一种通过图形展示数据的方法及装置，通过JSON串来存储配置信息和存储位置，能够使配置信息和存储位置的存储和读取更加方便快捷，能够提高处理的效率。

需要说明的是，在本文中，诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个〃〃〃〃〃〃”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储在计算机可读取的存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。

最后需要说明的是：以上所述仅为本发明的较佳实施例，仅用于说明本发明的技术方案，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (10)

1.一种通过图形展示数据的方法，其特征在于，包括：预先设置展示图形的配置信息，所述配置信息包括：展示图形的图形类型；还包括：

S1：获取待展示数据；

S2：将所述待展示数据按照所述展示图形的图形类型的数据属性进行分类，确定每种数据属性对应的子类数据；

S3：确定每种数据属性对应的子类数据的存储位置；

S4：根据所述配置信息和每种数据属性对应的子类数据的存储位置，分别在所述展示图形的每种数据属性中加载对应的子类数据，生成所述展示图形。

2.根据权利要求1所述的方法，其特征在于，还包括：预先设置每种图形类型对应的展示模型，所述展示模型，包括：对应的图形类型的数据属性的数据接口；

所述S4，包括：

根据所述配置信息中的展示图形的图形类型，确定所述展示图形的展示模型；

根据每种数据属性对应的子类数据的存储位置，为所述展示图形的展示模型的每个数据接口配置对应的存储位置，通过每个数据接口从对应的存储位置中获取子类数据，通过所述展示图形的展示模型根据每个数据接口获取的子类数据设置对应的数据属性，生成所述展示图形。

3.根据权利要求2所述的方法，其特征在于，

在所述S3之后，在所述S4之前，还包括：根据所述配置信息和每种数据属性对应的子类数据的存储位置，生成JSON串；

将所述JSON串传输给所述展示模型，从所述JSON串中解析出所述配置信息和所述存储位置。

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

获取所述待展示数据的源数据；

根据所述展示图形的图形类型的数据属性，将所述源数据转换成所述图形类型能够展示的所述待展示数据。

5.根据权利要求1-4中任一所述的方法，其特征在于，所述配置信息还包括：

展示图形的色彩信息、展示图形的标题信息、展示图形的提示框信息、展示图形的画布大小信息、展示图形的坐标轴信息；

和/或，所述展示图形的图形类型，包括：柱状图、饼形图、折线图、瀑布图、K线图、仪表图。

6.一种通过图形展示数据的装置，其特征在于，包括：

第一设置单元，用于设置展示图形的配置信息，所述配置信息包括：展示图形的图形类型；

获取单元，用于获取待展示数据；

分类单元，用于将所述待展示数据按照所述展示图形的图形类型的数据属性进行分类，确定每种数据属性对应的子类数据；

确定单元，确定每种数据属性对应的子类数据的存储位置；

展示单元，用于根据所述配置信息和每种数据属性对应的子类数据的存储位置，分别在所述展示图形的每种数据属性中加载对应的子类数据，生成所述展示图形。

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

第二设置单元，用于设置每种图形类型对应的展示模型，所述展示模型，包括：对应的图形类型的数据属性的数据接口；

所述展示单元，具体用于根据所述配置信息中的展示图形的图形类型，确定所述展示图形的展示模型，根据每种数据属性对应的子类数据的存储位置，为所述展示图形的展示模型的每个数据接口配置对应的存储位置，通过每个数据接口从对应的存储位置中获取子类数据，通过所述展示图形的展示模型根据每个数据接口获取的子类数据设置对应的数据属性，生成所述展示图形。

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

生成单元，用于根据所述配置信息和每种数据属性对应的子类数据的存储位置，生成JSON串；

解析单元，用于将所述JSON串传输给所述展示模型，从所述JSON串中解析出所述配置信息和所述存储位置。

9.根据权利要求6所述的装置，其特征在于，所述获取单元，用于获取所述待展示数据的源数据，根据所述展示图形的图形类型的数据属性，将所述源数据转换成所述图形类型能够展示的所述待展示数据。

10.根据权利要求6-9中任一所述的装置，其特征在于，所述配置信息还包括：

展示图形的色彩信息、展示图形的标题信息、展示图形的提示框信息、展示图形的画布大小信息、展示图形的坐标轴信息；

和/或，所述展示图形的图形类型，包括：柱状图、饼形图、折线图、瀑布图、K线图、仪表图。