业务数据的可视化应用构建方法和装置与流程

1.本技术属于应用开发与发布技术领域，尤其涉及一种业务数据的可视化应用构建方法和装置。


背景技术：

2.业务人员、数据分析人员、开发人员等使用大数据或较为复杂的数据(包括空间数据)，进行相关数据分析工作及数据分享时，为了直观了解到数据比对情况，需要将二维数据利用图表(如，柱状图)进行可视化展示，以能够直观快速的观看数据差异。例如，针对一些规划指标数据，如一个市级城市下面所有区县的耕地保有量数据，数据在excel或者在csv中只存在表格中，对于表格中的二维数据是无法直观的了解到哪个区县的耕地保有量的数据最多或最少，此时如果将这些二维数据利用图表(如，柱状图)进行可视化展示，就能很直观、快速的看到数据差异。
3.传统技术通过在excel、csv等文件中插入图表的方法实现对二维数据的可视化展示，但在excel、csv等中需要大量手动操作(如，绘制图表各个元素)去构建展示的数据，不易操作，效率低。


技术实现要素：

4.有鉴于此，本技术提供一种业务数据的可视化应用构建方法和装置，通过提供使用已有业务数据快速搭建可视化应用方式，提升业务数据的可视化构建效率，实现快速数据分享。
5.具体技术方案如下：
6.一种业务数据的可视化应用构建方法，所述方法包括：
7.检测界面类型指示信息；
8.创建界面类型与所述界面类型指示信息匹配的目标界面；
9.检测基于组件集的组件配置操作；所述组件集中包括多个组件子集，不同组件子集分别对应包括不同类型的多个组件；
10.根据所述组件配置操作，在所述目标界面上配置与布局对应的组件；
11.检测对所述目标界面上组件的组件信息配置操作；
12.根据所述组件信息配置操作，对所述目标界面上的相应组件执行对应的组件信息配置处理；其中，所述组件信息配置处理至少包括：通过将目标界面上的各组件与预先接入的业务数据源中的业务数据进行绑定实现的组件数据配置，以得到业务数据的页面形式的可视化应用，并基于绑定的业务数据支持对所述可视化应用中组件的渲染。
13.可选的，所述界面类型为模版界面类型或自定义界面类型；
14.创建界面类型与所述界面类型指示信息匹配的目标界面，包括：
15.若所述界面类型指示信息指示自定义界面类型，创建自定义界面；
16.若所述界面类型指示信息指示模版界面类型，根据从预先集成的模版集中选择的
目标业务场景的界面模版，创建模版界面；
17.其中，所述模版集中包括的不同界面模版分别对应不同的业务场景，不同界面模版中分别内置有相应的界面交互和联动交互功能。
18.可选的，所述根据所述组件配置操作，在所述目标界面上配置与布局对应的组件，包括：
19.根据检测到的对图表组件、地图组件、表单组件、图形组件和/或多媒体组件的组件配置操作的操作信息，在所述目标界面上配置对应的图表组件、地图组件、表单组件、图形组件和/或多媒体组件。
20.可选的，所述检测对所述目标界面上组件的组件信息配置操作包括以下检测处理中的至少部分处理：
21.检测对所述目标界面上组件的组件属性配置操作；
22.检测对所述目标界面上组件的组件数据配置操作；
23.检测对所述目标界面上组件的组件动画配置操作；
24.检测对所述目标界面上组件的组件事件配置操作；
25.所述根据所述组件信息配置操作的操作信息，对所述目标界面上的相应组件执行对应的组件信息配置处理，包括：
26.对所述目标界面上组件进行组件属性配置、组件数据配置、组件动画配置和/或组件事件配置。
27.可选的，对所述目标界面上组件进行组件数据配置包括：
28.将目标界面上的各组件与预先接入的多个业务数据源中的业务数据进行绑定，以实现在所述可视化应用上进行多源业务数据融合。
29.可选的，所述将目标界面上的各组件与预先接入的多个业务数据源中的业务数据进行绑定，包括：
30.将业务数据源的数据文件中的业务数据按照维度和度量的转换规则处理为组件能够识别的业务数据，并将处理所得的组件能够识别的业务数据与对应组件进行绑定。
31.可选的，在创建界面类型与所述界面类型指示信息匹配的目标界面之后，还包括：
32.对所述目标界面进行界面信息配置。
33.可选的，在得到业务数据的可视化应用之后，所述方法还包括：
34.将所述可视化应用的页面设置为所对应业务场景的界面模版，并根据设置的界面模版更新所述模版集。
35.可选的，在得到业务数据的可视化应用之后，所述方法还包括以下处理中的至少一种：
36.发布业务数据的所述可视化应用，并获得基于发布所述可视化应用生成的地址信息，以能够通过所述地址信息共享所述可视化应用；
37.将所述可视化应用的页面或所述可视化应用中的各类组件分别保存为图片；
38.将所需组件或组件图片打包下载。
39.一种业务数据的可视化应用构建装置，所述装置包括：
40.第一检测模块，用于检测界面类型指示信息；
41.界面创建模块，用于创建界面类型与所述界面类型指示信息匹配的目标界面；
42.第二检测模块，用于检测基于组件集的组件配置操作；所述组件集中包括多个组件子集，不同组件子集分别对应包括不同类型的多个组件；
43.组件配置模块，用于根据所述组件配置操作，在所述目标界面上配置与布局对应的组件；
44.第三检测模块，用于检测对所述目标界面上组件的组件信息配置操作；
45.组件信息配置模块，用于根据所述组件信息配置操作，对所述目标界面上的相应组件执行对应的组件信息配置处理；其中，所述组件信息配置处理至少包括：通过将目标界面上的各组件与预先接入的业务数据源中的业务数据进行绑定实现的组件数据配置，以得到业务数据的页面形式的可视化应用，并基于绑定的业务数据支持对所述可视化应用中组件的渲染。
46.根据以上方案可知，本技术提供的业务数据的可视化应用构建方法和装置，在根据检测的界面类型指示信息创建相匹配类型的目标界面后，通过基于预先集成的组件集在目标界面进行组件的配置与布局，以及对组件执行至少包括组件数据配置(将业务数据源中业务数据与界面上的组件相绑定)的组件信息配置处理，即可快速完成业务数据的可视化应用的搭建，对于使用者来说，通过简单的配置操作如组件拖拽、组件数据/组件属性配置，即可快速搭建业务数据的可视化应用，提升了业务数据的可视化构建效率，可实现快速数据分享。
附图说明
47.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
48.图1是本技术提供的可视化系统的系统架构图；
49.图2是本技术提供的可视化系统的业务架构图；
50.图3是本技术提供的业务数据的可视化应用构建方法的一种流程示意图；
51.图4是本技术提供的业务数据的可视化应用构建方法的另一种流程示意图；
52.图5是本技术提供的可视化系统的整体处理流程图；
53.图6是本技术提供的业务数据的可视化应用构建装置的结构示意图。
具体实施方式
54.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
55.本技术公开一种业务数据的可视化应用构建方法和装置，目的在于通过提供使用已有业务数据快速搭建可视化应用的方式，解决业务数据的快速可视化构建问题，使得即便为非开发人员，也能使用已有业务数据快速搭建可视化应用，并通过发布可视化应用快速实现数据分享，从而加快开发人员的开发效率并且使非开发人员也能快速搭建业务数据
的可视化应用。
56.本技术公开的业务数据的可视化应用构建方法和装置基于一数据可视化构建系统实现，也即，为了实现本技术的方法及装置，本技术实施例提供一数据可视化构建系统，通过该系统，支持对业务数据进行快速的可视化构建，以鼠标拖拽等一些简单的组件配置方式选择要展示的数据维度、展示数据需采用的组件等，最终将业务数据构建成包含所期望的图表、表单、图形、多媒体等组件的可视化应用，从而达到可视化的效果。
57.以下首先对本技术方法和装置所基于的数据可视化构建系统(下文简称“可视化系统”)进行说明。
58.可视化系统是一个b端系统，可部署于服务器或虚拟机上，用户通过浏览器即可访问。可视化系统针对不同分辨率的pc(personal computer，个人计算机)端和数字大屏幕自适应展示。
59.可视化系统的系统架构如图1所示，自底向上依次包括基础设施、数据库、数据层、业务层和展示层，可视化系统的业务层提供页面、模版和组件三个主要管理模块，其中组件为整个系统的最小组成单元，各类组件可组合、布局形成一个完整的可视化应用，在将可视化应用中的组件与数据源绑定之后即可发布成一个可共享的应用地址如url(uniform resource locator，统一资源定位符)地址，或是将界面中的各类组件分别保存为图片。
60.结合参见图1所示的系统架构，可选的，可视化系统使用oracle存储关系型数据，如系统中组件类型数据(即图1中所示的组件数据)、组件属性数据、页面列表数据、模版列表数据等系统初始化数据、业务数据、操作留痕数据等。其中，组件类型数据为目前已经注册的组件类型数据，比如柱状图、折线图、饼图等等类型数据；组件属性数据即为每个组件在每个页面中使用时的相关样式属性、数据属性等，比如组件在页面的位置属性、大小属性、颜色、图表样式等；页面列表数据即为当前用户已经创建的各个页面的数据，同时当前页面所关联的页面内使用的组件数据和页面数据；模版列表数据同页面列表数据，只不过模版是供后续快速搭建页面使用的。可视化系统使用mongodb存储组件所需的数据源文件，如csv文件、excel文件、json文件等，以及存储对界面截图保存的图片等。此外，可视化系统也对postgre sql数据库做了适配，使用开源数据库，满足规划行业内相关需求。数据库定时自动备份，以提高系统可用性和灾难可恢复性。
61.参见图2，可视化系统的系统业务架构层面整体分为三层：数据层(或称“数据源层”)、组件层和页面层。
62.其中，数据层主要用于为组件提供业务数据，支持组件的渲染，也即，数据层为组件提供了可渲染的数据，数据来源可以是csv文件、excel文件、json文件等。可视化系统上可上传此类数据文件，通过系统中的数据分析方法将数据文件中的业务数据按照维度和度量的规则处理，最后转换为图表能识别的有效数据。例如：假设员工工作负载表这一业务数据的数据文件中，表头分别是：姓名、项目、任务数、剩余工时等，表头下每行则是这些表头列所对应的值。那么，在数据分析方式中，姓名、项目、任务数代表不同的维度，而在不同维度下的值是不同的，这些不同的值即为度量值。除了可以向可视化系统上传数据文件的上传功能之外，可视化系统还提供配置数据接口的功能，支持在组件属性配置数据接口的地址。
63.组件层将组件类型分为图表组件、地图组件、表单组件、几何图形组件以及多媒体
组件等多种类型。并分别针对每种类型在组件层封装该类型的一系列组件，形成分别对应不同组件类型的不同组件子集，各类型的组件子集构成组件层的整体组件集。结合参见图2，如针对图表组件类型，封装柱状图、折线图、饼图、雷达图等各种图表组件，针对地图组件类型，封装echarts地图、arcgis地图、mapbox地图等各种地图组件。可选的，图表组件基于vue-echarts-v3组件封装而成，其他普通组件基于iview开源组件库封装而成，多媒体组件基于html5新属性封装而成。组件在第一次注册时，会获取底层封装的组件属性和属性初始值，用于组件的初始化。在页面中使用组件时，可根据自身需求修改组件属性，包括组件通用属性(高度、宽度、页面位置、堆叠顺序)和特殊属性(即不同组件独有属性)。且支持页面组件动画效果配置及交互事件配置。组件底层利用vue.js双向数据绑定特性，实现组件属性编辑时属性值和组件展现实时联动变化的功能，即在属性框中编辑完属性之后，数据将保存到数据库中，随后组件样式随之变化。
64.本技术中，组件是系统的最小单元，是可视化应用的页面的最小页面元素，组件通过组合、排版形成业务数据的可视化应用的页面。且组件层中封装的各组件为已经完成组件元素的绘制、编辑而得到的由一系列组件元素构成的整体组件单元，如柱状图、mapbox地图等。
65.组件层之上则为页面层，页面层提供的页面分为场景模版(或称“页面模版”)和普通页面，场景模版/页面模版基于特定业务场景专属创建，是为了快速创建页面而设立的功能，场景模版/页面模版内置了特定的页面交互和联动交互，以用于极大程度的减轻用户在搭建可视化应用时对可视化应用页面的配置繁琐程度。
66.以下举例说明：例如在做业务数据的可视化设计时往往需要一次性设计多个页面，每个页面又只是细微的样式差别或者数据差别，如果每个页面一个个从0开始搭建的话，会产生特别多的重复工作量。基于该特点，本实施例增加了模版功能，每次基于预先自定义的模版来创建页面，模版内包含了已经布局好的组件，且各个组件的样式及交互效果均已在模版中大致调整好，例如，在模版中，根据特定的业务需求，预先定制以下的组件交互效果：针对地图和柱状图数据联动交换，点击切换柱状图数据时地图渲染效果也随之切换。在此基础上，只需要针对每个页面的不同需求和差别来单独修改模版，即可快速搭建所需的可视化应用的页面。
67.可视化系统在页面层为用户提供了画布，并提供了基于画布的页面设计器功能，以支持用户自主设计界面的需求。可选的，页面设计器基于html拖放drag and drop接口，使页面设计器能够在浏览器中对组件使用拖放功能。为了满足不同分辨率下的自适应需求，页面设计器按照一定分辨率比例将画布分成多个不同层级，如按照1920*960分辨率比例将画布分成6％、12％、16％、25％、50％、100％等不同层级，以解决用户在使用页面设计器时因自身设备分辨率问题导致设计操作不便的问题。页面设计器中同时提供用户设置页面属性的功能，如提供上传页面背景图片、设置背景颜色等功能。页面设计完成之后，可支持将页面设置为场景模版，以避免后续重复设计页面、修改页面组件属性等工作。此外，页面中各个组件即为页面元素，可视化系统还支持用户打包下载各个页面元素，以供日常报表使用。同时支持最终生成的业务数据可视化应用的页面分享，用户可将可视化应用发布之后生成的应用地址(如url链接)分享给他人，达到数据共享的目的。在通过共享的应用地址打开业务数据的可视化应用时，可基于页面组件绑定的业务数据实现对页面的渲染，并
能够对页面中的组件执行所需的交互操作且同步呈现所对应的交互效果。
68.进一步，基于可视化系统的上述组成结构通过以下设计，使得本技术实施例提供的可视化系统支持下述各方面功能：
69.11)支持大数据体量的可视化展示
70.通过开源可视化图表库，如基于javascript的开源可视化图表库apache echarts)，来满足系统中大数据体量的数据可视化展示。通过echarts的增量渲染技术，echarts能够展现千万级的数据量，并且在这个数据量级依然能够进行流畅的缩放平移等交互，同时提供了对流加载的支持，可以使用websocket或者对数据分块后加载，加载多少渲染多少。
71.12)支持融合多源数据
72.业务数据的大数据种类，通常涉及手机信令、gps、lbs、社交等多种种类，本实施例系统从不同维度对这些数据进行单独和复合的解读，并提供能够快速使用的数据服务。系统支持excel、csv等数据文件、数据库直连、restful api等数据接入和展示。且系统中提供文件上传接口、数据库连接配置、restful接口配置等，并采用graphql等技术实现对不同数据源的快速融合。
73.13)支持多种类型图表展示
74.同样基于开源图表库如echarts实现了多种类型的图表的展示，echarts提供了常规的折线图、柱状图、散点图、饼图、k线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于bi(business intelligence，商务智能)的漏斗图，仪表盘，并且支持图与图之间的混搭。系统基于vue.js前端开发框架中的数据双向绑定技术实现组件数据变化即组件视图同步更新，保证数据的实时性。此外，本实施例使用动态组件的方式切换不同图表和业务组件，避免重复开发组件的公用方法。
75.14)支持自主界面设计和发布
76.为了满足用户能够根据自身业务需求设计界面，本技术得可视化系统提供了可视化设计功能，具体在系统中为用户提供了画布，用户可以自主选择想要展示的图表组件或是其他功能组件，使用鼠标拖动到画布中相应位置，并且对组件的相关属性进行修改，对组件进行业务数据绑定，即完成了业务数据到图表再到界面的设计了。本系统基于vue-draggable-resizeable开源组件实现组件的拖拽和放大的功能。同时使用html2canvas生成图表报告，自动捕获当前图表数据，整合成报告，且可支持一键分享报告，以分发给各相关人员或单位查阅。
77.15)支持空间数据渲染
78.系统提供了地图组件来满足空间数据的渲染，分别是echarts地图组件和arcgis地图组件。echarts地图组件是基于echarts可视化库封装的地图组件，支持二维、三维数据的展示。arcgis地图组件是基于arcgis for javascript api和业务需求二次封装的地图组件，主要针对二维空间数据的展示以及与二维数据图表的联动展示。
79.基于上述的可视化系统，参见图3所示的业务数据的可视化应用构建方法的流程示意图，本技术公开的业务数据的可视化应用构建方法包括以下处理步骤：
80.步骤301、检测界面类型指示信息。
81.具体的，在业务人员、数据分析人员、开发人员等使用者登录可视化系统后，若需针对业务数据搭建对应的可视化应用，则可根据需求确定是否选择模版、基于已有的界面模版进行可视化应用搭建。
82.系统相应可检测到对应的界面类型指示信息，其中，若使用者执行了模版选择操作，系统可检测到用于指示采用模版界面类型搭建可视化应用的界面类型指示信息，若未执行模版选择操作，系统相应检测到用于指示采用自定义界面类型搭建可视化应用的界面类型指示信息。
83.步骤302、创建界面类型与上述界面类型指示信息匹配的目标界面。
84.在检测到界面类型指示信息后，进一步创建相匹配界面类型的目标界面。其中，若界面类型指示信息指示自定义界面类型，创建自定义界面，若界面类型指示信息指示模版界面类型，则具体根据使用者从预先集成的模版集中选择的目标业务场景的界面模版，创建模版界面。
85.该模版集中包括的不同界面模版如上文所述的模版列表数据对应的各场景模版/页面模版，模版集中的不同界面模版分别对应不同的业务场景，不同界面模版中分别内置有相应的界面交互和联动交互功能。
86.步骤303、检测基于组件集的组件配置操作；所述组件集中包括多个组件子集，不同组件子集分别对应包括不同类型的多个组件。
87.可选的，结合参见图2，组件集部署于组件层，包括图表组件、地图组件、表单组件、图形组件和/或多媒体组件等多个组件子集，每个子集中封装有所对应类型的一系列组件。
88.本步骤中，在基于检测到的界面类型指示信息创建目标界面如自定义界面或模版界面后，使用者可基于预先部署的组件集，通过鼠标拖拽等方式在目标界面上进行各个所需组件的放置、组合与关联。系统相应检测到该操作的操作信息，如该操作所涉及的目标组件、对目标组件的操作类型(放置于画布某位置，或与画布某位置已有的组件建立关联、进行组合等等)信息。
89.步骤304、根据所述组件配置操作，在所述目标界面上配置与布局对应的组件。
90.之后，进一步基于检测到的使用者基于组件集的组件配置操作的操作信息，在目标界面上进行一系列组件的配置与布局。
91.针对组件的上述多种类型，本步骤相应可根据检测到的对图表组件、地图组件、表单组件、图形组件和/或多媒体组件的组件配置操作的操作信息，在目标界面上配置与布局对应的图表组件、地图组件、表单组件、图形组件和/或多媒体组件。
92.步骤305、检测对目标界面上组件的组件信息配置操作。
93.步骤306、根据所述组件信息配置操作的操作信息，对目标界面上的相应组件执行对应的组件信息配置处理。
94.其中，这里的组件信息配置处理至少包括：通过将目标界面上的各组件与预先接入的业务数据源中的业务数据进行绑定实现的组件数据配置，以得到业务数据的页面形式的可视化应用，基于绑定的业务数据支持对可视化应用中组件的渲染。
95.可选的，本实施例中，对目标界面上的组件执行的组件信息配置处理具体包括：组件属性配置、组件数据配置、组件动画配置和/或组件事件配置。相应的，在检测对目标界面上组件的组件信息配置操作时，具体可检测对目标界面上组件的组件属性配置操作，对目
标界面上组件的组件数据配置操作，对目标界面上组件的组件动画配置操作，和/或对目标界面上组件的组件事件配置操作。
96.其中，对组件进行的组件数据配置具体是指，将目标界面上的各组件与预先接入的多个业务数据源中的业务数据进行绑定，以实现在可视化应用上进行多源业务数据融合。
97.且进一步的，将目标界面上的各组件与预先接入的多个业务数据源中的业务数据进行绑定，可进一步实现为：利用可视化系统将业务数据源的数据文件中的业务数据按照维度和度量的转换规则处理为组件能够识别的业务数据，并将处理所得的组件能够识别的业务数据与对应组件进行绑定。
98.结合参见图2的数据源层，多个业务数据源比如可以是但不限于excel文件、csv文件、oracle/mysql数据库、api服务等等。
99.组件属性配置，包括但不限于对组件在页面中使用时的相关样式属性、数据属性(比如组件在页面的位置属性、大小属性、颜色、图表样式等)进行设置或修改。
100.组件动画配置，包括但不限于基于图片/视频配置组件使其具备动画效果。
101.组件事件配置，包括但不限于配置组件自身各种事件及不同组件之间的交互事件。
102.通过组件属性配置、组件数据配置、组件动画配置和/或组件事件配置，即可完成业务数据到图表再到可视化应用的界面设计，得到业务数据的页面形式的可视化应用。
103.根据以上方案可知，本技术提供的业务数据的可视化应用构建方法，在根据检测的界面类型指示信息创建相匹配类型的目标界面后，通过基于预先集成的组件集在目标界面进行组件的配置与布局，以及对组件执行至少包括组件数据配置(将业务数据源中业务数据与界面上的组件相绑定)的组件信息配置处理，即可快速完成业务数据的可视化应用的搭建，对于使用者来说，通过简单的配置操作如组件拖拽、组件数据/组件属性配置，即可快速搭建业务数据的可视化应用，提升了业务数据的可视化构建效率，可实现快速数据分享。
104.在一实施例中，参见图4，本技术公开的业务数据的可视化应用构建方法，在步骤302之后，还可以包括以下处理：
105.步骤401、基于预先接入的界面数据源对目标界面进行界面信息配置。
106.其中，对目标界面进行界面信息配置，包括但不限于设置目标界面的背景颜色、设置页面自适应信息，基于上传的图片设置目标界面的背景图片等等。通过给使用者提供页面信息配置功能，进一步提升使用者为业务数据搭建可视化应用时的功能体验。
107.在一实施例中，参见图5，本技术公开的业务数据的可视化应用构建方法，在基于步骤306得到业务数据的可视化应用之后，还可以包括以下处理中的任意一种或多种：
108.21)将业务数据的可视化应用的页面设置为所对应业务场景的界面模版，并根据设置的界面模版更新上述模版集；
109.22)发布业务数据的可视化应用，并获得基于发布该可视化应用生成的地址信息，以能够通过该地址信息共享可视化应用；
110.23)将业务数据的可视化应用的页面或可视化应用中的各类组件分别保存为图片；
111.24)将所需组件打包下载。
112.结合参见图5所示的可视化系统的整体处理流程图，在完成对页面上布局的各组件的相关配置(如组件属性配置，基于业务数据源的业务数据绑定)，得到业务数据的可视化应用后，可根据需求将可视化应用的页面设置为所对应业务场景的界面模版(场景模版/页面模版)，并更新至模版集，以使得为下次搭建可视化应用提供可直接复用的模版；或者，还可以根据需求，发布生成的可视化应用，得到其地址信息(如可视化应用的页面url链接)，以便于通过该地址信息将业务数据的可视化应用快速分享给他人，达到快速数据共享的目的；或者，还可以将业务数据的可视化应用的页面或可视化应用中的各类组件分别保存为图片；或将所需组件或组件图片打包下载至使用者本地端，以供日常报表使用。
113.对应于上述的方法，本技术实施例还公开一种业务数据的可视化应用构建装置，如图6所示，该装置包括：
114.第一检测模块601，用于检测界面类型指示信息；
115.界面创建模块602，用于创建界面类型与所述界面类型指示信息匹配的目标界面；
116.第二检测模块603，用于检测基于组件集的组件配置操作；所述组件集中包括多个组件子集，不同组件子集分别对应包括不同类型的多个组件；
117.组件配置模块604，用于根据组件配置操作，在目标界面上配置与布局对应的组件；
118.第三检测模块605，用于检测对目标界面上组件的组件信息配置操作；
119.组件信息配置模块606，用于根据所述组件信息配置操作，对所述目标界面上的相应组件执行对应的组件信息配置处理；其中，所述组件信息配置处理至少包括：通过将目标界面上的各组件与预先接入的业务数据源中的业务数据进行绑定实现的组件数据配置，以得到业务数据的页面形式的可视化应用，并基于绑定的业务数据支持对所述可视化应用中组件的渲染。
120.在一实施方式中，上述界面类型为模版界面类型或自定义界面类型；
121.界面创建模块602，具体用于：
122.若所述界面类型指示信息指示自定义界面类型，创建自定义界面；
123.若所述界面类型指示信息指示模版界面类型，根据从预先集成的模版集中选择的目标业务场景的界面模版，创建模版界面；
124.其中，所述模版集中包括的不同界面模版分别对应不同的业务场景，不同界面模版中分别内置有相应的界面交互和联动交互功能。
125.在一实施方式中，组件配置模块604，具体用于：
126.根据检测到的对图表组件、地图组件、表单组件、图形组件和/或多媒体组件的组件配置操作的操作信息，在目标界面上配置对应的图表组件、地图组件、表单组件、图形组件和/或多媒体组件。
127.在一实施方式中，第三检测模块605，具体用于：
128.检测对目标界面上组件的组件属性配置操作；
129.检测对目标界面上组件的组件数据配置操作；
130.检测对目标界面上组件的组件动画配置操作；
131.检测对目标界面上组件的组件事件配置操作；
132.组件信息配置模块606，具体用于：
133.对目标界面上组件进行组件属性配置、组件数据配置、组件动画配置和/或组件事件配置。
134.在一实施方式中，组件信息配置模块606在对目标界面上组件进行组件数据配置时，具体用于：将目标界面上的各组件与预先接入的多个业务数据源中的业务数据进行绑定，以实现在所述可视化应用上进行多源业务数据融合。
135.在一实施方式中，组件信息配置模块606将目标界面上的各组件与预先接入的多个业务数据源中的业务数据进行绑定，进一步实现为：将业务数据源的数据文件中的业务数据按照维度和度量的转换规则处理为组件能够识别的业务数据，并将处理所得的组件能够识别的业务数据与对应组件进行绑定。
136.在一实施方式中，上述装置还包括：
137.页面信息配置模块，用于对目标界面进行界面信息配置。
138.在一实施方式中，上述装置还包括以下模块中的任意一种：
139.模版设置模块，用于将业务数据的可视化应用的页面设置为所对应业务场景的界面模版，并根据设置的界面模版更新模版集；
140.发布模块，用于发布业务数据的可视化应用，并获得基于发布可视化应用生成的地址信息，以能够通过可视化应用的地址信息共享可视化应用；
141.保存模块，用于将可视化应用的页面或可视化应用中的各类组件分别保存为图片；
142.下载模块，用于将所需组件或组件图片打包下载。
143.对于本技术实施例公开的业务数据的可视化应用构建装置而言，由于其与上文各方法实施例公开的业务数据的可视化应用构建方法相对应，所以描述的比较简单，相关相似之处请参见上文相应方法实施例的说明即可，此处不再详述。
144.综上所述，本技术实施例公开的业务数据的可视化应用构建方法和装置，至少具备以下技术优势：
145.31)基于多种场景模版，解决业务数据的可视化应用的设计难题
146.业务数据可视化的设计难点并不在于图表类型的多样化，而在于如何能在简单的一页之内让用户读懂数据之间的层次与关联，这就关系到色彩、布局、图表的综合运用，本技术通过提供定制专题分析等多种场景模版，可使得即便没有设计师，最终的可视化应用也会显现出高水平的设计水准。
147.32)多种图表组件，支撑多种数据类型的分析展示
148.除了针对业务展示优化过的常规图表外，还能够对地理数据的多层叠加和渲染，通过组合图表的方式来拓展所需业务场景。
149.33)图形化的搭建工具，无需专业编程人员也可快速实现可视化应用搭建
150.提供多种业务模块级别而非图表组件的工具，所见即所得的配置方式，无需编程能力，只需要通过拖拽，即可创造出专业的可视化应用。
151.34)多分辨率适配与灵活的发布方式，满足不同场合下的使用
152.可根据屏幕大小来动态调整画布大小，图表大小也会相应调整，可满足在不同屏幕下的可视化效果，且创建的可视化应用能够发布分享。
153.需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。
154.为了描述的方便，描述以上系统或装置时以功能分为各种模块或单元分别描述。当然，在实施本技术时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
155.通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本技术各个实施例或者实施例的某些部分所述的方法。
156.最后，还需要说明的是，在本文中，诸如第一、第二、第三和第四等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
157.以上所述仅是本技术的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本技术原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本技术的保护范围。