CN111930375B - 数据可视化应用开发方法和装置 - Google Patents

Abstract

本发明公开了一种数据可视化应用开发方法和装置，方法包括：确定在开发界面发起的组件布局指令，所述组件布局指令携带显示介质类型和组件标识；基于所述显示介质类型和所述组件标识，从预建立组件库中选取对应的目标可视化组件，所述预建立组件库中存有多个类型的显示介质对应的可视化组件；将所述目标可视化组件布局至所述开发界面，以供完成数据可视化应用的开发。由此可见，本发明通过从存有多个类型的显示介质对应的可视化组件的预建立组件库中选取目标可视化组件，并将所述目标可视化组件布局至所述开发界面，能够更加高效地实现数据可视化应用的开发。

Description

数据可视化应用开发方法和装置

技术领域

本发明涉及终端领域，尤其涉及一种数据可视化应用开发方法和装置。

背景技术

数据可视化主要应用于借助于图形化手段，清晰有效地传达与沟通信息。

对于目前的数据可视化应用的开发方案，其常见的作为数据载体的显示介质的种类繁多，而且，不同显示介质对应的可视化组件的接口调用方式也不尽相同，进而导致整个开发方案的技术复杂多样，严重影响了数据可视化应用的开发效率。

因此，亟需一种高效的数据可视化应用开发方法。

发明内容

本发明实施例提供一种数据可视化应用开发方法，以解决数据可视化应用的开发效率低的问题。

为了解决上述技术问题，本发明是这样实现的：

第一方面，提供了一种数据可视化应用开发方法，该方法包括：

确定在开发界面发起的组件布局指令，所述组件布局指令携带显示介质类型和组件标识；

基于所述显示介质类型和所述组件标识，从预建立组件库中选取对应的目标可视化组件，所述预建立组件库中存有多个类型的显示介质对应的可视化组件；

将所述目标可视化组件布局至所述开发界面，以供完成数据可视化应用的开发。

第二方面，提供了一种数据可视化应用开发装置，该装置包括：

第一确定模块，用于确定在开发界面发起的组件布局指令，所述组件布局指令携带显示介质类型和组件标识；

选取模块，用于基于所述显示介质类型和所述组件标识，从预建立组件库中选取对应的目标可视化组件，所述预建立组件库中存有多个类型的显示介质对应的可视化组件；

布局模块，用于将所述目标可视化组件布局至所述开发界面，以供完成数据可视化应用的开发。

第三方面，提供了一种终端设备，所述终端设备包括：处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如第一方面所述的方法的步骤。

第四方面，提供了一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的方法的步骤。

在本发明实施例中，通过从存有多个类型的显示介质对应的可视化组件的预建立组件库中选取目标可视化组件，并将所述目标可视化组件布局至数据可视化应用的开发界面，能够更高效地实现数据可视化应用的开发。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本发明的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是本发明的一个实施例提供的一种数据可视化应用开发方法的流程示意图；

图2是本发明的一个实施例提供的一种确定用户设置的数据可视化应用的应用专题的方法示意图；

图3a至图3e是本发明的一个实施例提供的确定用户设置的数据可视化应用的界面要素的方法示意图；

图4a是本发明的一个实施例提供的一种确定用户设置的数据可视化应用实例的方法示意图；

图4b是本发明的一个实施例提供的一种将用户选取的可视化组件布局至可视化界面的方法示意图；

图5是本发明的一个实施例提供的一种加载可视化组件对应的组件数据并进行可视化显示的方法示意图；

图6是本发明的一个实施例提供的一种数据可视化应用开发装置的结构示意图。

具体实施方式

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

图1是本发明的一个实施例提供的一种数据可视化应用开发方法的流程示意图，参见图1，该方法具体可以包括如下步骤：

步骤102：确定在开发界面发起的组件布局指令，所述组件布局指令携带显示介质类型和组件标识。

其中，显示介质用于呈现数据可视化应用中的内容；显示介质类型可以为移动终端和PC(personal computer，个人计算机)端中的任意一种；组件标识可以为可视化组件的一种属性，用于区分不同的组件；可视化组件的组件属性还可以包括组件名称、组件可用性和组件可见性等。

需要说明的是，在步骤102之前，方法还包括：开发界面生成步骤，该步骤的一种实现方式可以为：

确定用户设置的开发界面的颜色信息和所述显示介质的属性信息，以供生成所述开发界面；

其中，所述开发界面的颜色信息可以是开发界面的背景色，所述背景色可以是红、白、黑、浅蓝等各种颜色；所述显示介质的属性信息可以包括：显示界面尺寸、分辨率中的至少一种。

基于此，通过确定开发界面的颜色信息和显示介质的属性信息，能够使得可视化组件能够更加清晰、美观地显示在开发界面上，从而提高用户体验。

步骤104：基于所述显示介质类型和所述组件标识，从预建立组件库中选取对应的目标可视化组件，所述预建立组件库中存有多个类型的显示介质对应的可视化组件。

需要说明的是，所述组件布局指令还携带组件专题，步骤104的一种实现方式可以为：

步骤S1’：基于所述显示介质类型、所述组件专题和所述组件标识，从预建立组件库中选取对应的目标可视化组件。

基于此，组件布局指令携带组件专题时，通过基于显示介质类型、组件专题和组件标识来选取对应的目标可视化组件，能够使得目标可视化组件的选择更有针对性、更加准确。

进一步地，步骤S1’的一种实现方式可以为：

步骤S11’：基于所述显示介质类型，从所述预建立组件库中选取所述显示介质类型对应的可视化组件集合；

步骤S12’：基于所述组件专题，从所述可视化组件集合中选取所述组件专题对应的可视化组件子集合；

步骤S13’：基于所述组件标识，从所述可视化组件子集合中选取所述组件标识对应的目标可视化组件。

基于此，通过显示介质类型、组件专题和组件标识，一步步选取目标可视化组件，能够使得目标可视化组件的选取更有针对性、更加准确。

步骤106：将所述目标可视化组件布局至所述开发界面，以供完成数据可视化应用的开发。

需要说明的是，步骤106的一种实现方式可以为：

确定所述目标可视化组件对应的目标组件数据，并加载至所述目标可视化组件；

按照所述布局规则，将所述目标可视化组件布局至所述开发界面。

基于此，通过将目标组件数据加载至对应的目标可视化组件，并按照布局规则来布局目标可视化组件，能够更加直观、更加个性化地在开发界面上展示目标可视化组件。

需要说明的是，在步骤106之前，方法还包括：布局规则确定步骤，该步骤的一种实现方式可以为：

确定所述用户设置的所述开发界面的布局规则，所述布局规则用于限定可视化组件在所述开发界面中的布局位置。

参见图4b，布局规则可以为可视化组件在开发界面上的排列规则，布局规则可以是预设的布局规则，还可以是用户在数据可视化应用开发过程中输入的布局规则；布局规则包括横向布局规则和纵向布局规则；以可视化界面的长为12个单位长度、宽为8个单位长度为例进行说明，若设置横向布局规则为6:6，纵向布局规则为4:4，则参见图5，可视化界面上可排列4个长为6个单位长度、宽为4个单位长度的可视化组件。

基于此，通过确定布局规则，能够更便捷、更灵活地将目标可视化组件布局至开发页面上。

本实施例，通过从存有多个类型的显示介质对应的可视化组件的组件库中，选取组件布局指令携带的显示介质类型和组件标识所对应的目标可视化组件，并将所述目标可视化组件布局至开发界面，能够更高效地实现数据可视化应用的开发。

本发明的另一个实施例提供了一种数据可视化应用开发方法，该方法包括应用开发标准流程确定步骤，该步骤的一种实现方式可以为：

步骤S1：确定应用开发标准流程，以供用户基于所述应用开发标准流程开发数据可视化应用。

进一步地，步骤S1的一种实现方式可以为：

步骤S11：确定所述用户设置的应用专题；

步骤S12：确定所述用户设置的数据可视化应用的界面要素，以生成所述数据可视化应用的可视化界面；

步骤S13：确定所述用户设置的数据可视化应用实例，并将所述用户选取的可视化组件布局至所述可视化界面；

步骤S14：加载所述可视化组件对应的组件数据并进行可视化显示。

其中，所述界面要素可以包括显示介质类型、组件专题、颜色信息、显示界面尺寸类型和显示界面尺寸；组件专题可以是预先按照可视化组件的用途划分的、所述目标可视化组件所属的专题，组价专题可以是报表组件、即席查询组件或大屏呈现组件等；显示界面尺寸类型可以是自适应、响应式和固定宽度中的任意一种。

可视化组件可以为对数据进行可视化操作的工具，可视化组件可以预先设置有组件属性、组件方法和组件事件，可视化组件可以将用户传入的组件数据展示在显示介质的屏幕上；按照可视化组件的形式，可以将可视化组件分类为图标组件、排版组件、表单组件、表格组件、容器组件和图形组件等；图形组件又可分为柱状图组件、折线图组件、圆环图组件、仪表盘图组件、饼图组件和热力图组件等；柱状图组件又可分为普通柱状图组件和极坐标系下的堆叠柱状图等；折线图组件又可分为普通折线图和标准折线图等。

组件数据可以是静态数据，也可以是动态数据；静态数据是指在系统运行过程中主要作为控制或参考用的数据，它们在很长的一段时间内不会变化，一般不随运行而变；动态数据是指在系统应用中随时间变化而改变的数据，如库存数据等；动态数据可以存储在数据库中，还可以通过调用API(Application Programming Interface,应用程序编程接口)获得，还可以存储在CSV(Comma-Separated Values，CSV，字符分隔值)文件中，还可以存储在JSON(JavaScript Object Notation,JS对象简谱)文件中，数据库、API、CSV文件和JSON文件为不同类型的数据源。

参见图2至图5，步骤S11至S14具体可以示例为：

终端设备依次确定用户设置的专题名称、专题简介和专题分类，以确定应用专题；

终端设备确定用户设置的数据可视化应用的显示介质类型为个人计算机PC端；终端设备确定用户设置的组件专题为报表组件；终端设备确定用户设置的颜色信息为浅蓝色；终端设备确定用户设置的显示界面尺寸类型为固定宽度；终端设备确定用户设置的显示界面尺寸为1920*1080；

终端设备确定用户设置的数据可视化应用实例，并将用户选取的普通折线图、标准折线图、普通柱状图和圆环图布局至可视化界面；

首先，终端设备确定用户选择的组件数据为“动态数据”；其次，终端设备确定用户选择的数据源名称为“bishow”，并确定该数据源名称对应的数据库为SQL(StructuredQuery Language，结构化查询语言)类型的数据库，以建立起可视化组件和该SQL类型的数据库的连接；其次，终端设备既可以确定用户通过SQL语句模板选择的组件数据，又可以确定用户通过点击“编辑脚本”按钮自行编辑SQL语句查询的组件数据；最后，终端设备根据用户对“绘制图形”按钮的点击操作，来加载可视化组件对应的组件数据并显示在可视化界面上。

本实施例，通过确定数据可视化应用开发的标准流程，并基于该标准流程开发数据可视化应用，不仅能够提高数据可视化应用开发过程的可控性和统一性，还能够省去用户因开发流程不确定而用于沟通的时间成本，从而提高开发准确性和开发效率。

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

图6是本发明的一个实施例提供的一种数据可视化应用开发装置的结构示意图，参见图6，该装置具体可以包括：第一确定模块602、选取模块604和布局模块606，其中：

第一确定模块602，用于确定在开发界面发起的组件布局指令，所述组件布局指令携带显示介质类型和组件标识；

选取模块604，用于基于所述显示介质类型和所述组件标识，从预建立组件库中选取对应的目标可视化组件，所述预建立组件库中存有多个类型的显示介质对应的可视化组件；

布局模块606，用于将所述目标可视化组件布局至所述开发界面，以供完成数据可视化应用的开发。

可选的，所述组件布局指令还携带组件专题，所述组件专题为所述目标可视化组件所属的专题；

其中，选取模块604，包括：

选取单元，用于基于所述显示介质类型、所述组件专题和所述组件标识，从预建立组件库中选取对应的目标可视化组件。

可选的，选取单元，包括：

选取子单元，用于基于所述显示介质类型，从所述预建立组件库中选取所述显示介质类型对应的可视化组件集合；

基于所述组件专题，从所述可视化组件集合中选取所述组件专题对应的可视化组件子集合；

基于所述组件标识，从所述可视化组件子集合中选取所述组件标识对应的目标可视化组件。

可选的，该装置还包括：

第二确定模块，用于确定用户设置的开发界面的颜色信息和所述显示介质的属性信息，以供生成所述开发界面；

其中，所述显示介质的属性信息包括：显示界面尺寸、分辨率中的至少一种。

可选的，该装置还包括：

第三确定模块，用于确定所述用户设置的所述开发界面的布局规则，所述布局规则用于限定可视化组件在所述开发界面中的布局位置。

可选的，布局模块606，包括：

布局单元，用于确定所述目标可视化组件对应的目标组件数据，并加载至所述目标可视化组件；

按照所述布局规则，将所述目标可视化组件布局至所述开发界面。

可选的，该装置还包括：

第四确定模块，用于确定应用开发标准流程，以供用户基于所述应用开发标准流程开发数据可视化应用；

其中，第四确定模块包括：

第一确定单元，用于确定所述用户设置的应用专题；

第二确定单元，用于确定所述用户设置的数据可视化应用的界面要素，以生成所述数据可视化应用的可视化界面；

第三确定单元，用于确定所述用户设置的数据可视化应用实例，并将所述用户选取的可视化组件布局至所述可视化界面；

显示单元，用于加载所述可视化组件对应的组件数据并进行可视化显示。

本实施例，通过从存有多个类型的显示介质对应的可视化组件的组件库中，选取组件布局指令携带的显示介质类型和组件标识所对应的目标可视化组件，并将所述目标可视化组件布局至开发界面，能够更高效地实现数据可视化应用的开发。

本发明实施例提供的装置能够实现图1至图5的方法实施例中装置实现的各个过程，为避免重复，这里不再赘述。而且，应当注意的是，在本发明的装置的各个部件中，根据其要实现的功能而对其中的部件进行了逻辑划分，但是，本发明不受限于此，可以根据需要对各个部件进行重新划分或者组合。

优选的，本发明实施例还提供一种终端设备，包括处理器，存储器，存储在存储器上并可在所述处理器上运行的计算机程序，该计算机程序被处理器执行时实现上述数据可视化应用开发方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本发明实施例还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述数据可视化应用开发方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。其中，所述的计算机可读存储介质，如只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random AccessMemory，简称RAM)、磁碟或者光盘等。

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

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

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本发明的保护之内。

Claims (9)

1.一种数据可视化应用开发方法，其特征在于，包括：

确定在开发界面发起的组件布局指令，所述组件布局指令携带显示介质类型和组件标识；

基于所述显示介质类型和所述组件标识，从预建立组件库中选取对应的目标可视化组件，所述预建立组件库中存有多个类型的显示介质对应的可视化组件；

将所述目标可视化组件布局至所述开发界面，以供完成数据可视化应用的开发；

在确定在开发界面发起的组件布局指令之前，还包括：

确定应用开发标准流程，以供用户基于所述应用开发标准流程开发数据可视化应用；

其中，所述应用开发标准流程包括：

确定所述用户设置的应用专题；

确定所述用户设置的数据可视化应用的界面要素，以生成所述数据可视化应用的可视化界面；

确定所述用户设置的数据可视化应用实例，并将所述用户选取的可视化组件布局至所述可视化界面；

加载所述可视化组件对应的组件数据并进行可视化显示。

2.根据权利要求1所述的方法，其特征在于，所述组件布局指令还携带组件专题，所述组件专题为所述目标可视化组件所属的专题；

其中，基于所述显示介质类型和所述组件标识，从预建立组件库中选取对应的目标可视化组件，包括：

基于所述显示介质类型、所述组件专题和所述组件标识，从预建立组件库中选取对应的目标可视化组件。

3.根据权利要求2所述的方法，其特征在于，基于所述显示介质类型、所述组件专题和所述组件标识，从预建立组件库中选取对应的目标可视化组件，包括：

基于所述显示介质类型，从所述预建立组件库中选取所述显示介质类型对应的可视化组件集合；

基于所述组件专题，从所述可视化组件集合中选取所述组件专题对应的可视化组件子集合；

基于所述组件标识，从所述可视化组件子集合中选取所述组件标识对应的目标可视化组件。

4.根据权利要求1所述的方法，其特征在于，在确定在开发界面发起的组件布局指令之前，还包括：

确定用户设置的开发界面的颜色信息和所述显示介质的属性信息，以供生成所述开发界面；

其中，所述显示介质的属性信息包括：显示界面尺寸、分辨率中的至少一种。

5.根据权利要求1所述的方法，在将所述目标可视化组件布局在所述开发界面上之前，还包括：

确定所述用户设置的所述开发界面的布局规则，所述布局规则用于限定可视化组件在所述开发界面中的布局位置。

6.根据权利要求5所述的方法，其特征在于，所述将所述目标可视化组件布局至所述开发界面，包括：

确定所述目标可视化组件对应的目标组件数据，并加载至所述目标可视化组件；

按照所述布局规则，将所述目标可视化组件布局至所述开发界面。

7.一种数据可视化应用开发装置，其特征在于，包括：

第一确定模块，用于确定在开发界面发起的组件布局指令，所述组件布局指令携带显示介质类型和组件标识；

选取模块，用于基于所述显示介质类型和所述组件标识，从预建立组件库中选取对应的目标可视化组件，所述预建立组件库中存有多个类型的显示介质对应的可视化组件；

布局模块，用于将所述目标可视化组件布局至所述开发界面，以供完成数据可视化应用的开发；

在确定在开发界面发起的组件布局指令之前，还包括：

确定应用开发标准流程，以供用户基于所述应用开发标准流程开发数据可视化应用；

其中，所述应用开发标准流程包括：

确定所述用户设置的应用专题；

确定所述用户设置的数据可视化应用的界面要素，以生成所述数据可视化应用的可视化界面；

确定所述用户设置的数据可视化应用实例，并将所述用户选取的可视化组件布局至所述可视化界面；

加载所述可视化组件对应的组件数据并进行可视化显示。

8.一种终端设备，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至6中任一项所述的方法的步骤。

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

Images