一种自定义组件的数据可视化大屏实现方法与流程

本发明属于互联网应用，尤其涉及一种自定义组件的数据可视化大屏实现方法。

背景技术：

1、数据可视化大屏广泛应用于各个领域，例如金融、物流、交通、制造等。它可以帮助企业、机构和政府更好地了解其业务和运营情况，及时发现问题和机会，优化决策和行动。

2、市面上很多数据可视化大屏，但其实现的具体方法有待优化。具体地，目前，实现数据大屏的可视化方法，至少需要六个不同的专业人员先后参与实现数据大屏的工作中，分别是：业务分析师，需求分析师、ui设计师、前端开发工程师、后台开发工程师、测试工程师、实施工程师，且需要各专业人员相互配合。现有数据可视化大屏的实现方法存在以下问题。

3、一、数据可视化的实现周期太长，工作量大，算法开发繁琐。目前，完成一个数据可视化大屏的开发周期通常达到50天左右。

4、二、适应性和兼容性差，不可复用。现有数据可视化方法多采用一次性设计，其呈现效果的数据来源是特定的，一旦数据来源发生变化或加入、减少数据类型，需重新进行设计，费时费力。

5、因此，怎样才能缩短数据可视化大屏应用的开发周期、减少工作量，并增强其可复用性，成为目前接待解决的问题。

技术实现思路

1、针对上述现有技术的不足，本发明提供了一种自定义组件的数据可视化大屏实现方法，可以缩短数据可视化大屏应用的开发周期、减少工作量，并增强其可复用性。

2、为了解决上述技术问题，本发明采用了如下的技术方案：

3、一种自定义组件的数据可视化大屏实现方法，包括以下步骤：

4、s1、创建可视化编辑器；可视化编辑器包括组件库区、画布区和操作区；

5、组件库区设有若干种可供选择的组件及自定义组件容器；组件库区还用于创建自定义组件；画布区用于选择组件库中的自定义组件容器及组件；操作区用于对选择的组件配置组件数据和样式属性；

6、s2、根据使用需求，通过画布区从组件区选择自定义组件容器，并判断组件库中是否设置了所有需要的组件，若否则转到s3，若是则选择需求的组件后转到s4；

7、s3、根据缺少的组件在组建区创建自定义组件，并通过画布区选择需求的组件；

8、s4、通过操作区对选择的组件配置组件数据和样式属性，构建数据可视化大屏应用；

9、s5、发布数据可视化大屏应用。

10、组件容器，是一种用于管理和组织数据可视化图表的组件容器。它提供了一种方便的方式来布局和展示多个数据可视化图表，并允许用户通过简单的点击切换浏览不同的图表。图表组件容器具有以下功能：

11、布局调整：容器允许开发人员对图表进行有效的布局调整，以实现图表之间以及图表与容器之间的协调和美观。

12、多图组合：通过图表组件容器，可以在同一平面上组合多个不同类型的数据可视化图表，以便用户可以同时浏览和比较不同的数据。

13、交互性：图表组件容器通常允许用户通过点击来打开或隐藏特定的图表，或者在容器之间切换浏览不同的图表。

14、在可视化大屏开发中，使用图表组件容器可以大大简化数据可视化图表的布局和展示，提高用户界面的美观性和易用性。同时，通过容器提供的交互功能，用户可以更加灵活地浏览和比较不同的数据，从而更好地理解和分析数据的趋势和关系。

15、本发明方案原理及有益效果：

16、使用本方法，首先构建可视化编辑器，然后，基于可视化编辑器来构建数据可视化大屏的应用。具体地，可视化编辑器的组件库区设有若干种可供选择的组件及自定义组件容器。进行数据可视化大屏的构建时，可根据使用需求，通过画布区从组件区选择自定义组件容器及组件，如果组件库区没有需要的组件，则可以在组建区创建自定义组件。再然后，通过操作区对选择的组件配置组件数据和样式属性，即可构建数据可视化大屏应用。构建完成后，发布数据可视化大屏应用即可。

17、与现有技术相比，本发明通过可视化编辑器进行应用搭建，且组件库区设有若干种可供选择的组件及自定义组件容器，这些组件及自定义组件容器都可以直接通过操作区和画布区进行使用和配置，与现有技术相比，可以有效减少工作量，缩短数据可视化大屏的生成周期。并且，操作区和画布区的设置，工作人员操作起来可以更加便捷直观。除此，本方法中，组件及自定义组件容器是设置在组件库区中，并非一次性使用的模块，后续使用时，只要和需求匹配，都可以直接使用，即，模块的复用率高。并且，随着使用时间增加，自定义组件的类型及数量也会增加，后续使用时直接选择成功的几率也会越来越稳定。可以节约大量的人力、时间及工作量。

18、综上，与现有技术相比，本发明可以缩短数据可视化大屏应用的开发周期、减少工作量，并增强其可复用性。

19、优选地，s3中，创建自定义组件的过程包括：创建自定义组件，定义组件的名称及分组；编辑组件内容，生成组件并展示组件样式。

20、这样，通过展示组件样式的方式，可以让工作人员确认组件是否创建正确，并在组件存在问题时直观的知晓具体哪里存在问题。

21、优选地，s4中，配置组件数据的过程包括：数据准备，创建数据源并设置数据模型；之后，将数据源绑定组件；其中，所述数据源的信息包括：数据源名称、数据库类型、数据库ip地址、数据库名称、数据库用户名、数据库密码。

22、这样，可以保证组件配置的数据的完整性和有效性，满足实际使用需求。

23、优选地，s4中，配置组件数据的组件为自定义组件时，将组件的数据连接设置为动态更新。

24、这样，一旦数据源发生改变，可在数据大屏上及时更新显示的数据。

25、优选地，s5之后，还包括s6，根据用户的实际需求，对可视化大屏进行优化调整。

26、这样，当用户的需求发生变化时，可及时对可视化大屏进行优化调整，保证其符合实际的使用需求。

27、优选地，s6包括：

28、s61、收集用户的需求反馈；

29、s62、将用户的需求反馈与当前可视化大屏的功能布局进行对比分析，并判断修改量；若修改量小于第一预设值，则转到s63；若修改量大于等于第一预设值且小于第二预设值，则转到s64；若修改量大于等于第二预设值，则判断为需要重新创建，并转到s65；其中，第二预设值大于第一预设值；

30、s63、查找出能在最短时间内接手该优化调整任务的大屏创建人员，并将优化处理任务交付给该大屏创建人员；

31、s64、查找出该可视化大屏的初始创建人员，并将优化处理任务交付给该初始创建人员；

32、s65、从专业等级高于预设的新建大屏等级的大屏创建人员中，查找出能在最短时间内接手该优化调整任务的人员，并将优化处理任务交付给该大屏创建人员。

33、这样，本方法在对可视化大屏发布后的调整优化时，会根据各种情况采用不同的调整修改措施，在合理分配人员的同时，还可以尽可能的减少对企业生产的影响。

34、优选地，组件库区还用于对组件进行分组管理。

35、这样，可以让组件库中的组件保存得更加有序，便于后续的查找使用。

36、优选地，画布区还用于进行各组件的位置布局。

37、这样，工作人员可根据使用需求，对各组件进行位置布局，以凸显各组件对应数据的重要程度。