一种数据可视化大屏自动构建方法及系统与流程

1.本发明涉及数据可视化技术领域，尤其是涉及一种数据可视化大屏自动构建方法及系统。


背景技术：

2.在web开发领域，从0到1需要涉及很多知识，全部都由单人完成的话，耗时耗力，而且后期维护成本也较高。中国专利cn113626030a公开了一种数据可视化大屏快速搭建方法和系统，包括：按照业务需求，选择组合多个基础组件并锁定以构成复合组件；迭代重复前述步骤得到多个复合组件，多个复合组件构成复合组件库；从复合组件库中选定相应主题的复合组件，和/或，从基础组件库中选定相应类型的基础组件；解锁相应主题的复合组件；对解锁后的复合组件，和/或，选定基础组件分别配置数据源；修改所述数据源的信息并保存，同时调整大屏上的复合组件和基础组件的布局，从而搭建出可视化大屏。该专利虽然可以实现对大屏的快速构建，但是依然要依赖于人工方式，自动化程度低，工作效率低。


技术实现要素：

3.本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种构建灵活、改动自由、可视化效果好的数据可视化大屏自动构建方法及系统。
4.本发明的目的可以通过以下技术方案来实现：
5.一种数据可视化大屏自动构建方法，所述的自动构建方法包括：
6.步骤1：获取大屏的整体实际分辨率；
7.步骤2：获取用户输入的可视内容以及重要程度排序表；
8.步骤3：获取用户输入的ui背景；
9.步骤4：对可视模块进行尺寸匹配；
10.步骤5：将ui背景和大屏像素点进行模块化分割，获得拼接位置关系映射表；
11.步骤6：将可视模块进行定位和拼接，输出可视化结果。
12.优选地，所述的步骤4具体为：
13.根据用户输入的可视内容数量及重要程度对可视模块进行自动分割，每个可视模块被分配的尺寸与其重要程度成正比，所有可视模块拼接后与大屏的整体实际分辨率相匹配。
14.优选地，所述的步骤5具体为：
15.首先，将ui背景与大屏分辨率进行匹配；
16.其次，将可视模块按照重要程度排序从大屏中央向两侧扩展；
17.最后，构建可视模块、ui背景以及大屏像素点位置的拼接位置关系映射表。
18.优选地，所述的自动构建方法还包括：
19.步骤7：获取用户的验证结果，若验证通过，则执行步骤8，否则，返回步骤5；
20.步骤8：添加与各可视模块配套的交互功能。
21.优选地，所述的自动构建方法基于django框架实现。
22.一种数据可视化大屏自动构建系统，所述的自动构建系统包括：
23.控制端，用于更换被控制端的可视内容；
24.指挥控制单元，用于接收控制端的指令并根据指令对被控制端进行控制；
25.被控制端，实时获取指挥控制单元所发布的指令信息，按照指令信息变更可视内容或进行相应动作。
26.优选地，所述的控制端设有可视内容切换模块，该模块用户获取用户输入的可视内容并获取该可视内容的属性信息。
27.优选地，所述的控制端设有模式切换模块，用于根据用户选择确定大屏构建模式为自定义模式或自动模式。
28.优选地，所述的指挥控制单元内嵌有数据可视化大屏自动构建方法，具体为：
29.步骤1：获取大屏的整体实际分辨率；
30.步骤2：获取用户输入的可视内容以及重要程度排序表；
31.步骤3：获取用户输入的ui背景；
32.步骤4：对可视模块进行尺寸匹配；
33.步骤5：将ui背景和大屏像素点进行模块化分割，获得拼接位置关系映射表；
34.步骤6：将可视模块进行定位和拼接，输出可视化结果；
35.步骤7：获取用户的验证结果，若验证通过，则执行步骤8，否则，返回步骤5；
36.步骤8：添加与各可视模块配套的交互功能。
37.优选地，所述的控制端设有远程刷新模块，该模块用于获取用户的远程刷新指令，若接收到用户的远程刷新指令，则将更新后的可视内容发送给指挥控制单元。
38.与现有技术相比，本发明具有以下有益效果：
39.一、构建灵活，改动自由：传统的大屏一版是一个整体的页面，其内容、布局和风格一旦确认好以后就固定了，需要重新改动或者单独模块变动都需要牵动整体，工程量大，涉及面广，后续维护也麻烦；而本发明中的数据可视化大屏自动构建方法及系统构建方式灵活、改动成本低，而且对于布局和内容的变动响应也灵活方便，并且提供自动构建和自定义构建两种方式。
40.二、可视化效果好：本发明中的数据可视化大屏自动构建方法及系统将可视模块、大屏像素点和ui背景进行一一对应，再将可视模块进行定位与拼接，由于背景ui是一个整体，经过无缝拼接后的可视效果也是和整体一样，不会存在割裂感，可视化效果好。
附图说明
41.图1为本发明中可视化大屏自动构建方法的流程示意图。
具体实施方式
42.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都应属于本发明保护的范围。
43.一种数据可视化大屏自动构建方法，其流程如图1所示，包括：
44.步骤1：获取大屏的整体实际分辨率；
45.步骤2：获取用户输入的可视内容以及重要程度排序表；
46.步骤3：获取用户输入的ui背景；
47.步骤4：对可视模块进行尺寸匹配，具体为：
48.根据用户输入的可视内容数量及重要程度对可视模块进行自动分割，每个可视模块被分配的尺寸与其重要程度成正比，所有可视模块拼接后与大屏的整体实际分辨率相匹配；
49.步骤5：将ui背景和大屏像素点进行模块化分割，获得拼接位置关系映射表，具体为：
50.首先，将ui背景与大屏分辨率进行匹配；
51.其次，将可视模块按照重要程度排序从大屏中央向两侧扩展；
52.最后，构建可视模块、ui背景以及大屏像素点位置的拼接位置关系映射表；
53.步骤6：将可视模块进行定位和拼接，输出可视化结果；
54.步骤7：获取用户的验证结果，若验证通过，则执行步骤8，否则，返回步骤5；
55.步骤8：添加与各可视模块配套的交互功能。
56.上述自动构建方法基于django框架实现，html javascript css作为前端的编码语言，并通过ajax实现异步数据交互，后台使用python语言进行逻辑处理，数据库是开源的关系型数据库postgresql。
57.本实施例还涉及一种数据可视化大屏自动构建系统，包括
58.控制端，用于更换被控制端的可视内容；
59.指挥控制单元，用于接收控制端的指令并根据指令对被控制端进行控制；
60.被控制端，实时获取指挥控制单元所发布的指令信息，按照指令信息变更可视内容或进行相应动作。
61.控制端设有可视内容切换模块，该模块用户获取用户输入的可视内容并获取该可视内容的属性信息；控制端还设有模式切换模块，用于根据用户选择确定大屏构建模式为自定义模式或自动模式。
62.指挥控制单元内嵌有数据可视化大屏自动构建方法，具体为：
63.步骤1：获取大屏的整体实际分辨率；
64.步骤2：获取用户输入的可视内容以及重要程度排序表；
65.步骤3：获取用户输入的ui背景；
66.步骤4：对可视模块进行尺寸匹配；
67.步骤5：将ui背景和大屏像素点进行模块化分割，获得拼接位置关系映射表；
68.步骤6：将可视模块进行定位和拼接，输出可视化结果；
69.步骤7：获取用户的验证结果，若验证通过，则执行步骤8，否则，返回步骤5；
70.步骤8：添加与各可视模块配套的交互功能。
71.控制端还设有远程刷新模块，该模块用于获取用户的远程刷新指令，若接收到用户的远程刷新指令，则将更新后的可视内容发送给指挥控制单元。
72.数据可视化大屏自动构建系统不仅仅可以进行可视模块的独立切换，还能进行用
户自定义的模式批量切换，也能做到全屏页面切换以及远程控制刷新。控制功能可以通过手机、pc和pad进行操作，实现多端灵活交互，智能远程操控。
73.数据可视化大屏自动构建系统以指挥控制单元为核心，控制端发送指令给指挥控制单元，指挥控制单元接收指令，同时变更指令发布信息，被控制端(拼接而成的整体网页)实时查看指挥控制单元所发布的指令信息，按照指令信息变更可视内容或进行相应动作。控制端配有用户自定义模式信息，模式控制单元，实现用户一键切换大屏内容的需求。对于可切换的独立可视模块，每一个可用资源都能在切换前显示资源信息以及资源状态(是否正常可用)，让控制者对资源的掌控一目了然。同时控制端所展示的内容通过指挥控制单元的数据统一性规范，打开控制端就能看到被控制端的实时显示内容，远程控制操作后也能实时改变控制端的内容，做到控制端用户能所见即所得，所得即所见的目的。
74.本实施例中的数据可视化大屏自动构建方法及系统改变了传统大分辨率的数据可视大屏页面的构建工作，利用模块化的思想，将大屏化整为零，再将模块碎片拼合为整，模块化结构配置灵活，同时提供自动和自定义两种模式，变更及修改方便的切割和拼接方法，使得整个构建流程的自主性和可维护性大大提高，构建难度大大降低。而配套的多端远程交互控制功能，可以实现模块级、模式级、场景级、页面级的自定义远程交互，满足多种数据可视的要求，能用于各类数据大屏的显示场景。同时该远程控制功能不仅仅能应用于本实施例中的大屏控制，还能适用于利用模块化拼接而成的网页的远程控制及智能交互，构建方便，具备扩展性强，移植性强和场景适应性强的特点。
75.以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。