数据图表动态交互系统、方法、计算设备及可读存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN109783089A(43)申请公布日2019.05.21(21)申请号201910022401.X(22)申请日2019.01.10(71)申请人北京智融网络科技有限公司地址100086北京市海淀区知春路23号16层1604A(72)发明人任彧雄(74)专利代理机构北京市鼎立东审知识产权代理有限公司11751代理人陈佳妹(51)Int.Cl.G06F8/34(2018.01)权利要求书1页说明书4页附图3页(54)发明名称数据图表动态交互系统、方法、计算设备及可读存储介质(57)摘要本发明公开了一种数据图表动态交互方法，该方法通过构建网格布局，获取相互绑定的grid网格列表以及图表容器列表；渲染所述grid网格列表和所述图表容器列表；根据对grid网格的操作对应操作绑定的图表容器，从而实现图表交互。本发明同时还公开了一种数据图表动态交互系统、一种计算设备及一种可读存储介质。本发明技术方案通过结合使用ECharts工具与vue-grid-layout工具，实现了可动态交互的可视化图表，有效解决了实际应用中对于可视化图表进行复杂交互的需求，并且在此技术基础上，可定制实现更多更复杂的动态交互功能，以显著提升可视化图表的使用体验。CN109783089ACN109783089A权利要求书1/1页1.一种数据图表动态交互方法，其特征在于，包括如下步骤：构建网格布局，获取相互绑定的grid网格列表以及图表容器列表；渲染所述grid网格列表和所述图表容器列表；根据对grid网格的操作对应操作绑定的图表容器。2.根据权利要求1所述的数据图表动态交互方法，其特征在于，所述构建网格布局，获取相互绑定的grid网格列表以及图表容器列表的步骤，具体包括如下步骤：计算需要展示的图表数量；根据图表的数量生成相应数量的uuid构成uuid池；循环提取所述uuid，对每一个uuid生成绑定的grid网格以及图表容器；形成绑定的grid网格列表以及图表容器列表。3.根据权利要求1或2所述的数据图表动态交互方法，其特征在于，至少使用uuid作为grid网格标识，以及至少使用uuid作为图表容器标识。4.根据权利要求2所述的数据图表动态交互方法，其特征在于，循环提取所述uuid时，还包括判断uuid池是否为空的步骤，如果是，则渲染所述grid网格列表和所述图表容器列表，如果否，则继续提取所述uuid。5.一种数据图表动态交互系统，其特征在于，包括：构建模块，用于构建网格布局，获取相互绑定的grid网格列表以及图表容器列表；渲染模块，用于渲染所述grid网格列表和所述图表容器列表；交互模块，用于根据对grid网格的操作对应操作绑定的图表容器。6.根据权利要求5所述的数据图表动态交互系统，其特征在于，所述构建模块包括：计算单元，用于计算需要展示的图表数量；uuid生成单元，用于根据图表的数量生成相应数量的uuid构成uuid池；提取单元，用于循环提取所述uuid，对每一个uuid生成绑定的grid网格以及图表容器；列表单元，用于形成绑定的grid网格列表以及图表容器列表。7.根据权利要求5或6所述的数据图表动态交互系统，其特征在于，至少使用uuid作为grid网格标识，以及至少使用uuid作为图表容器标识。8.根据权利要求5所述的数据图表动态交互系统，其特征在于，所述提取单元还用于判断uuid池是否为空的步骤，如果是，则渲染模块渲染所述grid网格列表和所述图表容器列表，如果否，则继续提取所述uuid。9.一种计算设备，包括：处理器；以及存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1-4中任何一项所述的方法。10.一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被计算设备的处理器执行时，使所述处理器执行如权利要求1-4中任一项所述的方法。2CN109783089A说明书1/4页数据图表动态交互系统、方法、计算设备及可读存储介质技术领域[0001]本发明涉及数据图表交互技术领域，具体涉及一种数据图表动态交互系统、一种数据图表动态交互方法、一种计算设备及一种可读存储介质。背景技术[0002]基于ECharts工具的数据图表可视化技术是目前主流的技术方案，此技术方案中，只要输入指定格式的数据，通过简单的配置，即可利用ECharts工具生成美观多样的数据图表。虽然上述技术方案的整个实施过程十分便捷，但是，输出的数据图表却也限制重重，无法进行交互。例如：图表大小固定，无法进行缩放操作；图表位置和顺序固定，无法进行拖放以动态改变位置等等。简而言之，目前单一依赖ECharts工具的数据图表可视化方案，无法实现复杂的动态交互过程，在实际应