一种创建可视化界面的方法及装置与流程

本发明涉及计算机技术领域，特别是涉及一种创建可视化界面的方法及装置。

背景技术：

随着大数据时代的持续发展，人们越来越注重数据信息的消费，从而形成了庞大的“数读”群体。同时，越来越多的企业开始强调数据的可视化应用，衍生了众多的数据可视化应用项目。

为了满足认可对数据的可视化需求，目前往往需要创建包括图表的可视化界面供人们观看。

目前，在创建包含图表的可视化界面时，技术人员需要实时布局可视化界面，实时绘制图表，并在图表中手动填入需要在图表中显示的待显示数据，从而得到可视化界面。

然而，发明人发现，实时布局可视化界面，实时绘制图表需要耗费较长时间且工作量较大，导致人工成本较高以及创建可视化界面的效率较低。

技术实现要素：

为了提高创建可视化界面的效率，本发明实施例是示出了一种创建可视化界面的方法及装置。

第一方面，本发明实施例示出了一种创建可视化界面的方法，所述方法包括：

当接收到用于创建可视化界面的请求时，在屏幕上显示可视化界面的多个预设布局样式；

在所述多个预设布局样式中获取被选择的预设布局样式；

在屏幕上显示所述被选择的预设布局样式的空白可视化界面；

在屏幕上显示多个预设图表；

在所述多个预设图表中确定被选择的预设图表；

确定所述被选择的预设图表在所述空白可视化界面中的显示位置；

在所述空白可视化界面中的所述显示位置显示所述被选择的预设图表；

获取用于在所述被选择的预设图表上显示的待显示数据；

将所述待显示数据显示在所述被选择的预设图表上，得到目标可视化界面。

在一个可选的实现方式中，所述在所述空白可视化界面中的所述显示位置显示所述被选择的预设图表之后，还包括：

在屏幕上显示所述被选择的预设图表的属性信息，所述属性信息至少包括所述被选择的预设图表的名称、高度、宽度、字体以及颜色。

在一个可选的实现方式中，所述获取用于在所述被选择的预设图表上显示的待显示数据，包括：

获取预先设置的图表的标识与待显示数据之间的对应关系；

在所述对应关系中查找与所述被选择的预设图表的标识相对应的待显示数据。

在一个可选的实现方式中，所述方法还包括：

根据所述被选择的布局样式、所述被选择的预设图表、所述被选择的预设图表在所述空白可视化界面中的显示位置以及在所述被选择的预设图表上显示的待显示数据创建json格式文件；

存储所述json格式文件。

在一个可选的实现方式中，所述根据所述被选择的布局样式、所述被选择的预设图表、所述被选择的预设图表在所述目标可视化界面中的显示位置以及在所述被选择的预设图表上显示的待显示数据创建json格式文件，包括：

根据所述被选择的布局样式创建第一json格式子文件；

根据所述被选择的预设图表、所述被选择的预设图表在所述空白可视化界面中的显示位置以及在所述被选择的预设图表上显示的待显示数据创建第二json格式子文件；

将所述第一json格式子文件和所述第二json格式子文件组合为所述json格式文件。

第二方面，本发明实施例示出了一种创建可视化界面的装置，所述装置包括：

第一显示模块，用于当接收到用于创建可视化界面的请求时，在屏幕上显示可视化界面的多个预设布局样式；

第一获取模块，用于在所述多个预设布局样式中获取被选择的预设布局样式；

第二显示模块，用于在屏幕上显示所述被选择的预设布局样式的空白可视化界面；

第三显示模块，用于在屏幕上显示多个预设图表；

第一确定模块，用于在所述多个预设图表中确定被选择的预设图表；

第二确定模块，用于确定所述被选择的预设图表在所述空白可视化界面中的显示位置；

第四显示模块，用于在所述空白可视化界面中的所述显示位置显示所述被选择的预设图表；

第二获取模块，用于获取用于在所述被选择的预设图表上显示的待显示数据；

第五显示模块，用于将所述待显示数据显示在所述被选择的预设图表上，得到目标可视化界面。

在一个可选的实现方式中，所述装置还包括：

第六显示模块，用于在屏幕上显示所述被选择的预设图表的属性信息，所述属性信息至少包括所述被选择的预设图表的名称、高度、宽度、字体以及颜色。

在一个可选的实现方式中，所述第二获取模块包括：

获取单元，用于获取预先设置的图表的标识与待显示数据之间的对应关系；

查找单元，用于在所述对应关系中查找与所述被选择的预设图表的标识相对应的待显示数据。

在一个可选的实现方式中，所述装置还包括：

创建模块，用于根据所述被选择的布局样式、所述被选择的预设图表、所述被选择的预设图表在所述空白可视化界面中的显示位置以及在所述被选择的预设图表上显示的待显示数据创建json格式文件；

存储模块，用于存储所述json格式文件。

在一个可选的实现方式中，所述创建模块包括：

第一创建单元，用于根据所述被选择的布局样式创建第一json格式子文件；

第二创建单元，用于根据所述被选择的预设图表、所述被选择的预设图表在所述空白可视化界面中的显示位置以及在所述被选择的预设图表上显示的待显示数据创建第二json格式子文件；

组合单元，用于将所述第一json格式子文件和所述第二json格式子文件组合为所述json格式文件。

与现有技术相比，本发明实施例包括以下优点：

通过本发明实施例中，技术人员事先通过计算机程序编写在创建可视化界面时可能会使用到的多个预设布局样式，并将编写的多个预设布局样式存储在终端中。以及通过计算机程序编写在创建可视化界面时可能会使用到的多个预设图表，并编写的多个预设图表存储在终端中。如此，当用户需要创建可视化界面时，无需用户通过计算机程序实时编写所需使用的布局样式和图表，用户可以直接使用技术人员事先编写并存储在终端中的预设布局样式和预设图表即可，从而可以降低用户的工作量，以及节省了编写所需使用的布局样式和图表所耗费的时间，从而提高创建可视化界面的效率。

附图说明

图1是本发明的一种创建可视化界面的方法实施例的步骤流程图；

图2是本发明的一种创建可视化界面的装置实施例的结构框图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

参照图1，示出了本发明的一种创建可视化界面的方法实施例的步骤流程图，该方法应用于终端中，具体可以包括如下步骤：

在步骤s101中，当接收到用于创建可视化界面的请求时，在屏幕上显示可视化界面的多个预设布局样式；

当用户需要创建可视化界面时，可以在终端中输入用于创建可视化界面的请求，当终端接收到该请求时，确定用户需要在终端中创建可视化界面，进而可以在终端的屏幕上显示可视化界面的多个预设布局样式供用户选择。

其中，技术人员事先可以统计在历史过程中大多数用户在创建可视化界面时经常会被使用到的布局样式，然后可以通过计算机程序编写在历史过程中经常会被使用到的布局样式，并将编写得到的可视化界面的布局样式作为可视化界面的预设布局样式存储在终端中，如此，当用户需要创建可视化界面时，无需用户实时通过计算机程序编写需要使用的可视化界面的布局样式，只需在终端的屏幕上显示可视化界面的预设布局样式供用户选择即可。

在步骤s102中，在可视化界面的多个预设布局样式中获取被选择的预设布局样式；

当终端在屏幕上显示可视化界面的多个预设布局样式之后，用户就可以从可视化界面的多个预设布局样式中选择需要使用的预设布局样式，终端获取被选择的预设布局样式。

例如，用户使用鼠标点击需要使用的预设布局样式，终端获取被鼠标点击的预设布局样式，并作为被选择的预设布局样式。

在步骤s103中，在屏幕上显示被选择的预设布局样式的空白可视化界面；

用户可以在显示的空白可视化界面中加载图表，并在图表中加载数据，从而得到目标可视化界面。

在本发明实施例中，终端在屏幕上显示预设布局样式的位置与显示空白可视化界面的位置不同。

在步骤s104中，在屏幕上显示多个预设图表；

在本发明实施例中图表至少包括柱状图、饼状图、折线图、雷达图、k线图以及地图等等，本发明实施例对此不加以限定。

其中，技术人员事先可以统计在历史过程中大多数用户在创建可视化界面时经常会被使用到的图表，然后可以通过计算机程序编写在历史过程中经常会被使用到的图表，并将编写得到的图表作为预设图表存储在终端中，如此，当用户需要在空白可视化界面加载需要使用的图表时，无需用户实时通过计算机程序编写需要使用的图表，只需在终端的屏幕上显示预设图表选择即可。

在本发明实施例中，终端在屏幕上显示预设布局样式的位置、显示空白可视化界面的位置以及显示预设图表的位置互不相同。

在步骤s105中，在多个预设图表中确定被选择的预设图表；

当终端在屏幕上显示多个预设图表之后，用户就可以从多个预设图表中选择需要使用的预设图表，终端获取被选择的预设图表。

例如，用户使用鼠标点击需要使用的预设图表，终端获取被鼠标点击的预设图表，并作为被选择的预设图表。

在步骤s106中，确定被选择的预设图表在空白可视化界面中的显示位置；

例如，用户可以使用鼠标点击需要使用的预设图表，并将点击的预设图表拖动至显示的空白可视化界面中的某一位置，然后松开鼠标，则终端就会将松开鼠标时被选择的预设图表所在的位置确定为被选择的预设图表在空白可视化界面中的显示位置，然后执行步骤s107。

在步骤s107中，在空白可视化界面中的该显示位置显示被选择的预设图表；

其中，图表的种类有很多，预先图表是技术人员事先使用计算机程序编写的、在历史过程中大多数用户在创建可视化界面时经常会被使用到的图表，在编写的所有预设图表中，如果存在与用户所需要使用的图表完全一样的预设图表，则用户可以直接使用预设图表，但是，有时候可能不存在与用户所需要使用的图表完全一样的预设图表，则本发明实施例支持用户对预设图表进行适当修改，从而得到用户所需要使用的图表。

例如，预设图表与用户所需要使用的图表仅仅有部分细节不同，则用户可以对预设图表的细节进行修改，从而得到用户所需要使用的图表。

例如，在历史过程中，大多数用户在创建可视化界面时往往会被使用到柱状图，且通常被使用的柱状图中包含3个柱体，则技术人员在使用计算机程序编写柱状图时，往往会编写包含3个柱体的柱状图，并作为预设柱状图。但是，有时候，不同的场景可能使用的柱状图中的柱体的数量不同，假设本发明实施例中，用户需要创建4个柱体的柱状图，则用户可以对显示的柱状图进行修改。

为了方便用户预设图表的细节进行修改从而得到用户需要使用的图表，在空白可视化界面中的该显示位置显示被选择的预设图表之后，还可以在屏幕上显示被选择的预设图表的属性信息，属性信息至少包括被选择的预设图表的名称、高度、宽度、字体以及颜色等等。

用户可以修改显示的被选择的预设图表的属性信息，当用户修改被选择的预设图表的属性信息之后，则终端就会根据用户修改后的属性信息对显示的被选择的预设图表的属性进行调整，从而得到用户所需使用的图表。

例如，假设被选择的预设图表为柱状图，柱状图中包括3个柱体，显示的该柱状图的属性信息中包括的柱体数量为3，假设用户所需要使用的柱状图包括的柱体为4个，则可以将属性信息3修改为4。终端就会自动在显示的柱状图中增加一个柱体，得到用户所需要使用的包括3个柱体的柱状图。

其中，在本发明实施例中，终端在屏幕上显示预设布局样式的位置、显示空白可视化界面的位置、显示预设图表的位置显示被选择的预设图表的属性信息的位置互不相同。

在步骤s108中，获取用于在被选择的预设图表上显示的待显示数据；

用户可以事先将需要在被选择的预设图表上显示的待显示数据存储在终端中的api中，如此终端可以通过api接口调用待显示数据，并将待显示数据显示在被选择的预设图表中。

其中，在空白可视化界面中往往需要显示多个不同的图表，且在不同的图表上需要显示的数据不同，因此，用户在终端中存储待显示数据时，还需要将待显示数据与图表绑定。例如，对于某一待显示数据，如果该待显示数据是需要显示在某一预设图表中，则在终端中存储待显示数据时，可以将该预设图表标识与待显示数据组成一条记录，并存储在预先设置的图表的标识与待显示数据之间的对应关系中。对于其他每一个待显示数据，同样如此。

如此，在本步骤中，获取预先设置的图表的标识与待显示数据之间的对应关系；在对应关系中查找与被选择的预设图表的标识相对应的待显示数据。

在步骤s109中，将待显示数据显示在被选择的预设图表上，得到目标可视化界面。

在本发明实施例中，在得到目标可视化界面之后，有时候需要在其他设备上显示目标可视化界面，如此，就需要将可视化界面存储下来，从而使得之后能够在其他设备上显示目标可视化界面。

在本发明实施例中，可以根据被选择的布局样式、被选择的预设图表、被选择的预设图表在空白可视化界面中的显示位置以及在被选择的预设图表上显示的待显示数据创建json格式文件，然后存储json格式文件。

如此，当之后需要在其他设备上显示目标可视化界面时，只需要将json格式文件输入到其他设备中，以使其他设备对json格式文件解析，得到被选择的布局样式、被选择的预设图表、被选择的预设图表在目标可视化界面中的显示位置以及在被选择的目标图表上显示的待显示数据，然后显示被选择的预设布局样式的空白可视化界面，并确定被选择的预设图表在空白可视化界面中的显示位置，再在空白可视化界面中的该显示位置显示被选择的预设图表，之后将待显示数据显示在被选择的预设图表上，得到目标可视化界面。

其中，在根据被选择的布局样式、被选择的预设图表、被选择的预设图表在目标可视化界面中的显示位置以及在被选择的预设图表上显示的待显示数据创建json格式文件时，可以根据被选择的布局样式创建第一json格式子文件；然后根据被选择的预设图表、被选择的预设图表在空白可视化界面中的显示位置以及在被选择的预设图表上显示的待显示数据创建第二json格式子文件；再将第一json格式子文件和第二json格式子文件组合为json格式文件。如此可以将布局样式和图表分来存储，以使之后需要修改目标可视化界面时，可以快速并清楚地定位修改的位置，以方面维护。

通过本发明实施例中，技术人员事先通过计算机程序编写在创建可视化界面时可能会使用到的多个预设布局样式，并将编写的多个预设布局样式存储在终端中。以及通过计算机程序编写在创建可视化界面时可能会使用到的多个预设图表，并编写的多个预设图表存储在终端中。如此，当用户需要创建可视化界面时，无需用户通过计算机程序实时编写所需使用的布局样式和图表，用户可以直接使用技术人员事先编写并存储在终端中的预设布局样式和预设图表即可，从而可以降低用户的工作量，以及节省了编写所需使用的布局样式和图表所耗费的时间，从而提高创建可视化界面的效率。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。

参照图2，示出了本发明一种创建可视化界面的装置实施例的结构框图，具体可以包括如下模块：

第一显示模块11，用于当接收到用于创建可视化界面的请求时，在屏幕上显示可视化界面的多个预设布局样式；

第一获取模块12，用于在所述多个预设布局样式中获取被选择的预设布局样式；

第二显示模块13，用于在屏幕上显示所述被选择的预设布局样式的空白可视化界面；

第三显示模块14，用于在屏幕上显示多个预设图表；

第一确定模块15，用于在所述多个预设图表中确定被选择的预设图表；

第二确定模块16，用于确定所述被选择的预设图表在所述空白可视化界面中的显示位置；

第四显示模块17，用于在所述空白可视化界面中的所述显示位置显示所述被选择的预设图表；

第二获取模块18，用于获取用于在所述被选择的预设图表上显示的待显示数据；

第五显示模块19，用于将所述待显示数据显示在所述被选择的预设图表上，得到目标可视化界面。

在一个可选的实现方式中，所述装置还包括：

第六显示模块，用于在屏幕上显示所述被选择的预设图表的属性信息，所述属性信息至少包括所述被选择的预设图表的名称、高度、宽度、字体以及颜色。

在一个可选的实现方式中，所述第二获取模块18包括：

获取单元，用于获取预先设置的图表的标识与待显示数据之间的对应关系；

查找单元，用于在所述对应关系中查找与所述被选择的预设图表的标识相对应的待显示数据。

在一个可选的实现方式中，所述装置还包括：

创建模块，用于根据所述被选择的布局样式、所述被选择的预设图表、所述被选择的预设图表在所述空白可视化界面中的显示位置以及在所述被选择的预设图表上显示的待显示数据创建json格式文件；

存储模块，用于存储所述json格式文件。

在一个可选的实现方式中，所述创建模块包括：

第一创建单元，用于根据所述被选择的布局样式创建第一json格式子文件；

第二创建单元，用于根据所述被选择的预设图表、所述被选择的预设图表在所述空白可视化界面中的显示位置以及在所述被选择的预设图表上显示的待显示数据创建第二json格式子文件；

组合单元，用于将所述第一json格式子文件和所述第二json格式子文件组合为所述json格式文件。

通过本发明实施例中，技术人员事先通过计算机程序编写在创建可视化界面时可能会使用到的多个预设布局样式，并将编写的多个预设布局样式存储在终端中。以及通过计算机程序编写在创建可视化界面时可能会使用到的多个预设图表，并编写的多个预设图表存储在终端中。如此，当用户需要创建可视化界面时，无需用户通过计算机程序实时编写所需使用的布局样式和图表，用户可以直接使用技术人员事先编写并存储在终端中的预设布局样式和预设图表即可，从而可以降低用户的工作量，以及节省了编写所需使用的布局样式和图表所耗费的时间，从而提高创建可视化界面的效率。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

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

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

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

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

尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。

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

以上对本发明所提供的一种创建可视化界面的方法及装置，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。