数据可视化系统生成方法、装置、计算机设备及存储介质与流程

阅读：评论：0

1.本发明实施例涉及智能互联网技术领域，尤其涉及一种数据可视化系统生成方法、装置、计算机设备及存储介质。

背景技术：

2.目前的数据可视化系统是多样化的，每个数据可视化系统的部门、业务指标和数据来源都不一样。在开发过程中，前端开发人员需要重复的排版，并重复的与后台开发人员对接，再由后台开发人员准备各种数据，重复相同的工作，使得整个开发过程反复繁琐，效率低下。

技术实现要素：

3.本发明实施例提供一种数据可视化系统生成方法、装置、计算机设备及存储介质，以减少开发人员的重复劳动和对接过程，从而节约劳动成本和沟通成本，提高开发效率。
4.第一方面，本发明实施例提供了一种数据可视化系统生成方法，该方法包括：
5.根据用户的拖拉拽操作将目标通用图表组件增加到画布；
6.根据用户设置的参数配置对所述目标通用图表组件的布局排版进行调整；
7.根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。
8.可选的，在所述根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置之后，还包括：
9.对所述数据可视化系统进行发布。
10.可选的，在所述对所述数据可视化系统进行发布之前，还包括：
11.对所述数据可视化系统进行预览。
12.可选的，所述目标通用图表组件包括：折线图组件、曲线图组件，柱状图组件、面积图组件、饼图组件、漏斗图组件、桑葚图组件及富文本组件中的一种或多种。
13.可选的，所述参数配置包括图表尺寸、图表位置、标题、图表样式、中间标签以及值标签中的一种或多种。
14.可选的，所述数据配置包括数据接口设置以及数据源设置。
15.可选的，在所述根据用户设置的数据配置调用后台接口加载数据之后，还包括：
16.向用户展示只读类型的数据响应结果。
17.第二方面，本发明实施例还提供了一种数据可视化系统生成装置，该装置包括：
18.组件增加模块，用于根据用户的拖拉拽操作将目标通用图表组件增加到画布；
19.布局调整模块，用于根据用户设置的参数配置对所述目标通用图表组件的布局排版进行调整；
20.数据加载模块，用于根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。
21.第三方面，本发明实施例还提供了一种计算机设备，该计算机设备包括：
22.一个或多个处理器；
23.存储器，用于存储一个或多个程序；
24.当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明任意实施例所提供的数据可视化系统生成方法。
25.第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明任意实施例所提供的数据可视化系统生成方法。
26.本发明实施例提供了一种数据可视化系统生成方法，首先根据用户的拖拉拽操作将目标通用图表组件增加到画布，然后根据用户设置的参数配置对目标通用图表组件的布局排版进行调整，再根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。本发明实施例所提供的数据可视化系统生成方法，通过以组件形式使用通用图表，并可以使用参数配置直接对组件的布局排版进行调整，还可以使用数据配置自动加载数据，减少了前端开发人员的重复劳动，也减少了前端与后台之间的对接过程，从而节约了劳动成本和沟通成本，提高了系统开发效率。
附图说明
27.图1为本发明实施例一提供的数据可视化系统生成方法的流程图；
28.图2为本发明实施例二提供的数据可视化系统生成装置的结构示意图；
29.图3为本发明实施例三提供的计算机设备的结构示意图。
具体实施方式
30.下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。
31.在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理，但是其中的许多步骤可以被并行地、并发地或者同时实施。此外，各步骤的顺序可以被重新安排。当其操作完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。
32.实施例一
33.图1为本发明实施例一提供的数据可视化系统生成方法的流程图。本实施例可适用于开发各种数据可视化系统的情况，该方法可以由本发明实施例所提供的数据可视化系统生成装置来执行，该装置可以由硬件和/或软件的方式来实现，一般可集成于计算机设备中。如图1所示，具体包括如下步骤：
34.s11、根据用户的拖拉拽操作将目标通用图表组件增加到画布。
35.具体的，数据可视化系统的开发界面可以分为左、中、右三个区域，其中，左区域可以为组件备选展示区域，中区域可以为画布区域，右区域可以为配置区域。后台可以将各种通用图表以组件的形式存放，并可在组件备选展示区域内进行展示。在开发时，前端开发人员可以从组件备选展示区域中选择所需的目标通用图表组件，并通过拖拉拽操作将其移动
至画布区域中，以将目标通用图表组件增加到画布，其中，画布即最终数据可视化系统的展示场景。在将目标通用图表组件增加到画布之后，用户可以通过拖拉拽操作对目标通用图表组件进行拖拉伸缩，以再将其调整到合适的位置和合适的大小。其中，可选的，所述目标通用图表组件包括：折线图组件、曲线图组件，柱状图组件、面积图组件、饼图组件、漏斗图组件、桑葚图组件及富文本组件中的一种或多种。进一步的，折线图组件还可以包括基本折线图和复杂折线图，柱状图组件还可以包括基本柱状图和复杂柱状图，面积图组件还可以包括基本面积图和复杂面积图等等。
36.s12、根据用户设置的参数配置对所述目标通用图表组件的布局排版进行调整。
37.具体的，在将目标通用图表组件增加到画布之后，用户还可以通过上述配置区域设置相应的参数配置，从而可以根据该参数配置对目标通用图表组件的布局排版进行调整。其中，可选的，所述参数配置包括图表尺寸、图表位置、标题、图表样式、中间标签以及值标签中的一种或多种。进一步的，标题还可以包括：字体选择、是否显示、内容、大小和字体粗细等等，图表样式还可以包括：描边颜和描边粗细等等，中间标签还可以包括：是否显示、标题文字、标题大小、标题颜、数值单位和货币符号等等。则用户除可以直接在画布中对目标通用图表组件进行调整之外，还可以在配置区域通过具体的配置参数进行调整，提供了多种布局排版方式，也可以使得布局排版的结果更精细、更直观。另外，在将目标通用图表组件增加到画布之后，还可以首先在配置区域显示各项参数的默认值，以为用户提供更多的便利。
38.s13、根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。
39.具体的，配置区域中可以包括显示切换按键，具体可以包括参数配置显示按键和数据配置显示按键，当选中数据配置显示按键时，配置区域可以切换到显示数据配置的内容，当选中参数配置显示按键时，配置区域可以再次切换回显示参数配置的内容。则用户在进行系统设计时，还可以通过配置区域设置相应的数据配置，从而可以根据该数据配置调用后台接口加载数据，来完成系统的可视化页面配置。其中，可选的，所述数据配置包括数据接口设置以及数据源设置。进一步的，数据接口设置可以包括数据各个字段与目标通用图表组件显示内容之间的映射关系，同时可以显示各个字段的匹配状态是否成功，数据源设置可以包括数据源类型选择，如静态数据、电子表格、sql查询、api数据、dss数据和多维数据等等。进一步可选的，在所述根据用户设置的数据配置调用后台接口加载数据之后，还包括：向用户展示只读类型的数据响应结果，具体可以在显示数据配置的内容的情况下，在配置区域中对数据响应结果同时进行显示，以便用户及时调整。
40.在上述技术方案的基础上，可选的，在所述根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置之后，还包括：对所述数据可视化系统进行发布，以将生成的数据可视化系统投入使用。进一步可选的，在所述对所述数据可视化系统进行发布之前，还包括：对所述数据可视化系统进行预览。具体的，在发布之前，可以通过预览来体验系统效果，从而用户可以及时的对系统设计进行调整，预览过程具体可以是将上述组件备选展示区域和配置区域隐去，而只对画布区域进行显示，并加载好相应的数据。
41.本发明实施例所提供的技术方案，首先根据用户的拖拉拽操作将目标通用图表组
件增加到画布，然后根据用户设置的参数配置对目标通用图表组件的布局排版进行调整，再根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。通过以组件形式使用通用图表，并可以使用参数配置直接对组件的布局排版进行调整，还可以使用数据配置自动加载数据，减少了前端开发人员的重复劳动，也减少了前端与后台之间的对接过程，从而节约了劳动成本和沟通成本，提高了系统开发效率。
42.实施例二
43.图2为本发明实施例二提供的数据可视化系统生成装置的结构示意图，该装置可以由硬件和/或软件的方式来实现，一般可集成于计算机设备中，用于执行本发明任意实施例所提供的数据可视化系统生成方法。如图2所示，该装置包括：
44.组件增加模块21，用于根据用户的拖拉拽操作将目标通用图表组件增加到画布；
45.布局调整模块22，用于根据用户设置的参数配置对所述目标通用图表组件的布局排版进行调整；
46.数据加载模块23，用于根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。
47.本发明实施例所提供的技术方案，首先根据用户的拖拉拽操作将目标通用图表组件增加到画布，然后根据用户设置的参数配置对目标通用图表组件的布局排版进行调整，再根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。通过以组件形式使用通用图表，并可以使用参数配置直接对组件的布局排版进行调整，还可以使用数据配置自动加载数据，减少了前端开发人员的重复劳动，也减少了前端与后台之间的对接过程，从而节约了劳动成本和沟通成本，提高了系统开发效率。
48.在上述技术方案的基础上，可选的，该数据可视化系统生成装置，还包括：
49.发布模块，用于在所述根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置之后，对所述数据可视化系统进行发布。
50.在上述技术方案的基础上，可选的，该数据可视化系统生成装置，还包括：
51.预览模块，用于在所述对所述数据可视化系统进行发布之前，对所述数据可视化系统进行预览。
52.在上述技术方案的基础上，可选的，所述目标通用图表组件包括：折线图组件、曲线图组件，柱状图组件、面积图组件、饼图组件、漏斗图组件、桑葚图组件及富文本组件中的一种或多种。
53.在上述技术方案的基础上，可选的，所述参数配置包括图表尺寸、图表位置、标题、图表样式、中间标签以及值标签中的一种或多种。
54.在上述技术方案的基础上，可选的，所述数据配置包括数据接口设置以及数据源设置。
55.在上述技术方案的基础上，可选的，该数据可视化系统生成装置，还包括：
56.响应结果展示模块，用于在所述根据用户设置的数据配置调用后台接口加载数据之后，向用户展示只读类型的数据响应结果。
57.本发明实施例所提供的数据可视化系统生成装置可执行本发明任意实施例所提供的数据可视化系统生成方法，具备执行方法相应的功能模块和有益效果。
58.值得注意的是，在上述数据可视化系统生成装置的实施例中，所包括的各个单元
和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。
59.实施例三
60.图3为本发明实施例三提供的计算机设备的结构示意图，示出了适于用来实现本发明实施方式的示例性计算机设备的框图。图3显示的计算机设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。如图3所示，该计算机设备包括处理器31、存储器32、输入装置33及输出装置34；计算机设备中处理器31的数量可以是一个或多个，图3中以一个处理器31为例，计算机设备中的处理器31、存储器32、输入装置33及输出装置34可以通过总线或其他方式连接，图3中以通过总线连接为例。
61.存储器32作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的数据可视化系统生成方法对应的程序指令/模块(例如，数据可视化系统生成装置中的组件增加模块21、布局调整模块22及数据加载模块23)。处理器31通过运行存储在存储器32中的软件程序、指令以及模块，从而执行计算机设备的各种功能应用以及数据处理，即实现上述的数据可视化系统生成方法。
62.存储器32可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据计算机设备的使用所创建的数据等。此外，存储器32可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器32可进一步包括相对于处理器31远程设置的存储器，这些远程存储器可以通过网络连接至计算机设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
63.输入装置33可用于获取用户操作和配置内容，以及产生与计算机设备的用户设置和功能控制有关的键信号输入等。输出装置34可包括显示屏，可用于向用户展示系统的布局排版等等。
64.实施例四
65.本发明实施例四还提供一种包含计算机可执行指令的存储介质，该计算机可执行指令在由计算机处理器执行时用于执行一种数据可视化系统生成方法，该方法包括：
66.根据用户的拖拉拽操作将目标通用图表组件增加到画布；
67.根据用户设置的参数配置对所述目标通用图表组件的布局排版进行调整；
68.根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。
69.存储介质可以是任何的各种类型的存储器设备或存储设备。术语“存储介质”旨在包括：安装介质，例如cd-rom、软盘或磁带装置；计算机系统存储器或随机存取存储器，诸如dram、ddr ram、sram、edo ram、兰巴斯(rambus)ram等；非易失性存储器，诸如闪存、磁介质(例如硬盘或光存储)；寄存器或其它相似类型的存储器元件等。存储介质可以还包括其它类型的存储器或其组合。另外，存储介质可以位于程序在其中被执行的计算机系统中，或者可以位于不同的第二计算机系统中，第二计算机系统通过网络(诸如因特网)连接到计算机系统。第二计算机系统可以提供程序指令给计算机用于执行。术语“存储介质”可以包括可
以驻留在不同位置中(例如在通过网络连接的不同计算机系统中)的两个或更多存储介质。存储介质可以存储可由一个或多个处理器执行的程序指令(例如具体实现为计算机程序)。
70.当然，本发明实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的方法操作，还可以执行本发明任意实施例所提供的数据可视化系统生成方法中的相关操作。
71.计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
72.计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、电线、光缆、rf等等，或者上述的任意合适的组合。
73.通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(read-only memory,rom)、随机存取存储器(random access memory,ram)、闪存(flash)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。
74.注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

技术特征：

1.一种数据可视化系统生成方法，其特征在于，包括：根据用户的拖拉拽操作将目标通用图表组件增加到画布；根据用户设置的参数配置对所述目标通用图表组件的布局排版进行调整；根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。2.根据权利要求1所述的数据可视化系统生成方法，其特征在于，在所述根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置之后，还包括：对所述数据可视化系统进行发布。3.根据权利要求2所述的数据可视化系统生成方法，其特征在于，在所述对所述数据可视化系统进行发布之前，还包括：对所述数据可视化系统进行预览。4.根据权利要求1所述的数据可视化系统生成方法，其特征在于，所述目标通用图表组件包括：折线图组件、曲线图组件，柱状图组件、面积图组件、饼图组件、漏斗图组件、桑葚图组件及富文本组件中的一种或多种。5.根据权利要求1所述的数据可视化系统生成方法，其特征在于，所述参数配置包括图表尺寸、图表位置、标题、图表样式、中间标签以及值标签中的一种或多种。6.根据权利要求1所述的数据可视化系统生成方法，其特征在于，所述数据配置包括数据接口设置以及数据源设置。7.根据权利要求1所述的数据可视化系统生成方法，其特征在于，在所述根据用户设置的数据配置调用后台接口加载数据之后，还包括：向用户展示只读类型的数据响应结果。8.一种数据可视化系统生成装置，其特征在于，包括：组件增加模块，用于根据用户的拖拉拽操作将目标通用图表组件增加到画布；布局调整模块，用于根据用户设置的参数配置对所述目标通用图表组件的布局排版进行调整；数据加载模块，用于根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。9.一种计算机设备，其特征在于，包括：一个或多个处理器；存储器，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的数据可视化系统生成方法。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7中任一所述的数据可视化系统生成方法。

技术总结

本发明实施例公开了一种数据可视化系统生成方法、装置、计算机设备及存储介质。该方法包括：根据用户的拖拉拽操作将目标通用图表组件增加到画布；根据用户设置的参数配置对所述目标通用图表组件的布局排版进行调整；根据用户设置的数据配置调用后台接口加载数据，以生成数据可视化系统的可视化页面配置。本发明实施例所提供的技术方案，通过以组件形式使用通用图表，并可以使用参数配置直接对组件的布局排版进行调整，还可以使用数据配置自动加载数据，减少了前端开发人员的重复劳动，也减少了前端与后台之间的对接过程，从而节约了劳动成本和沟通成本，提高了系统开发效率。提高了系统开发效率。提高了系统开发效率。