[发明专利]一种可视化组件数据交互的方法、系统、设备及介质

说明书

本发明公开了一种可视化组件数据交互的方法、系统、设备和存储介质，方法包括以下步骤：将多个可视化组件的数据存放到公共区域；响应于第一可视化组件向第二可视化组件发送获取或修改数据的请求，对公共区域的第二可视化组件的数据进行克隆，并将克隆后的数据返回到第一可视化组件；响应于对克隆后的数据进行修改，将修改后的数据同步到公共区域；以及响应于公共区域的数据与第二可视化组件的数据不同，将公共区域的数据同步到第二可视化组件中。本发明提出的方案通过将共享数据储存到公共区域中，可以对数据进行全局的查询和操作，极大地提高了数据的利用率，从而避免了数据层级传递带来的数据冗余。

技术领域

本发明涉及可视化组件领域，更具体地，特别是指一种可视化组件数据交互的方法、系统、计算机设备及可读介质。

背景技术

工业大数据分析，就是将服务端处理后的工业数据，通过图表的形式展现到客户端。传统的方式，只能采取手动开发，将固定的图表展示固定的数据，期间一旦图表展示发生改变，只能通过修改代码或者重新开发一份数据可视化分析界面，对于开发资源，造成大量的浪费；

在可视化组件方面，传统的可视化组件之间的数据传递是通过props。当组件的层级嵌套超过3级及以上时，会导致数据进行反复的传递，对于数据方面，在传递过程中可能存在某条数据未处理完成或者未传递过去而造成报错；在代码方面，大量的数据传递代码，对于后期的维护或者功能改动，会存在极大的稳定隐患。

在可视化组件与服务端的数据传递方面，传统的方式就是采用htttp请求方式，如果需要实时展示数据，只能通过轮询的方式。如果一个可视化界面中存在大量的轮询请求，不仅会造成客户端的卡顿，而且会向服务端发送Cookie等一些不必要的数据，从而浪费了大量带宽，进而导致用户体验较差。

发明内容

有鉴于此，本发明实施例的目的在于提出一种可视化组件数据交互的方法、系统、计算机设备及计算机可读存储介质，通过将共享数据储存到公共区域中，可以对数据进行全局的查询和操作，极大地提高了数据的利用率，从而避免了数据层级传递带来的数据冗余。

基于上述目的，本发明实施例的一方面提供了一种可视化组件数据交互的方法，包括如下步骤：将多个可视化组件的数据存放到公共区域；响应于第一可视化组件向第二可视化组件发送获取或修改数据的请求，对所述公共区域的所述第二可视化组件的数据进行克隆，并将克隆后的数据返回到所述第一可视化组件；响应于所述第一可视化组件对所述克隆后的数据进行修改，将修改后的数据同步到所述公共区域；以及响应于所述公共区域的数据与所述第二可视化组件的数据不同，将所述公共区域的数据同步到所述第二可视化组件中。

在一些实施方式中，还包括：使用网页套接字将可视化组件所在的客户端与服务端进行第一次连接，并判断所述第一次连接是否成功。

在一些实施方式中，还包括：响应于所述第一次连接成功，基于所述客户端中的数据分析组件向所述服务端进行第二次连接。

在一些实施方式中，还包括：响应于所述第二次连接成功，基于所述服务端主动向所述客户端推送接收到的最新数据。

本发明实施例的另一方面，还提供了一种可视化组件数据交互系统，包括：存储模块，配置用于将多个可视化组件的数据存放到公共区域；克隆模块，配置用于响应于第一可视化组件向第二可视化组件发送获取或修改数据的请求，对所述公共区域的所述第二可视化组件的数据进行克隆，并将克隆后的数据返回到所述第一可视化组件；第一同步模块，配置用于响应于所述第一可视化组件对所述克隆后的数据进行修改，将修改后的数据同步到所述公共区域；以及第二同步模块，配置用于响应于所述公共区域的数据与所述第二可视化组件的数据不同，将所述公共区域的数据同步到所述第二可视化组件中。

在一些实施方式中，还包括：连接模块，配置用于使用网页套接字将可视化组件所在的客户端与服务端进行第一次连接，并判断所述第一次连接是否成功。