[发明专利]数据图表动态交互系统、方法、计算设备及可读存储介质

说明书

本发明公开了一种数据图表动态交互方法，该方法通过构建网格布局，获取相互绑定的grid网格列表以及图表容器列表；渲染所述grid网格列表和所述图表容器列表；根据对grid网格的操作对应操作绑定的图表容器，从而实现图表交互。本发明同时还公开了一种数据图表动态交互系统、一种计算设备及一种可读存储介质。本发明技术方案通过结合使用ECharts工具与vue‑grid‑layout工具，实现了可动态交互的可视化图表，有效解决了实际应用中对于可视化图表进行复杂交互的需求，并且在此技术基础上，可定制实现更多更复杂的动态交互功能，以显著提升可视化图表的使用体验。

技术领域

本发明涉及数据图表交互技术领域，具体涉及一种数据图表动态交互系统、一种数据图表动态交互方法、一种计算设备及一种可读存储介质。

背景技术

基于ECharts工具的数据图表可视化技术是目前主流的技术方案，此技术方案中，只要输入指定格式的数据，通过简单的配置，即可利用ECharts工具生成美观多样的数据图表。虽然上述技术方案的整个实施过程十分便捷，但是，输出的数据图表却也限制重重，无法进行交互。例如：图表大小固定，无法进行缩放操作；图表位置和顺序固定，无法进行拖放以动态改变位置等等。简而言之，目前单一依赖ECharts工具的数据图表可视化方案，无法实现复杂的动态交互过程，在实际应用中受限颇多。

因此，有必要对现有的数据图表可视化方案进行改进优化，以支持更为复杂的动态交互过程，满足实际应用中的数据图表可视化需求。

发明内容

本发明提供一种数据图表动态交互系统、方法、计算设备及可读存储介质，解决目前单一依赖ECharts工具的数据图表可视化方案无法实现复杂的动态交互过程使用受限等问题。

根据本发明的一个方面，提供一种数据图表动态交互方法，包括如下步骤：

构建网格布局，获取相互绑定的grid网格列表以及图表容器列表；

渲染所述grid网格列表和所述图表容器列表；

根据对grid网格的操作对应操作绑定的图表容器。

在其中一个实施例中，所述构建网格布局，获取相互绑定的grid网格列表以及图表容器列表的步骤，具体包括如下步骤：

计算需要展示的图表数量；

根据图表的数量生成相应数量的uuid构成uuid池；

循环提取所述uuid，对每一个uuid生成绑定的grid网格以及图表容器；

形成绑定的grid网格列表以及图表容器列表。

在其中一个实施例中，至少使用uuid作为grid网格标识，以及至少使用uuid作为图表容器标识。

在其中一个实施例中，循环提取所述uuid时，还包括判断uuid池是否为空的步骤，如果是，则渲染所述grid网格列表和所述图表容器列表，如果否，则继续提取所述uuid。

根据本发明的另一个方面，还提供一种数据图表动态交互系统，包括：

构建模块，用于构建网格布局，获取相互绑定的grid网格列表以及图表容器列表；

渲染模块，用于渲染所述grid网格列表和所述图表容器列表；

交互模块，用于根据对grid网格的操作对应操作绑定的图表容器。

在其中一个实施例中，所述构建模块包括：

计算单元，用于计算需要展示的图表数量；

uuid生成单元，用于根据图表的数量生成相应数量的uuid构成uuid池；