基于数据可视化场景下实现可视化组件联动的方法及系统技术方案

本发明专利技术公开了一种基于数据可视化场景下实现可视化组件联动的方法及系统，所述方法包括以下步骤：S10，在触发联动的可视化组件上配置联动条件和回调变量；S20，在接收联动的可视化组件上配置使用的回调变量；S30，建立触发联动的可视化组件和接收联动的可视化组件之间的联动关系；S40，改进可视化组件的渲染方式，实现联动时仅渲染可视化组件的可视区域；S50，在触发联动的可视化组件触发联动条件时，通知接收联动的可视化组件调用渲染方法。本方法和系统能够快速完成可视化场景下组件之间的实时联动，并提高了可视化组件渲染效率。并提高了可视化组件渲染效率。并提高了可视化组件渲染效率。

【技术实现步骤摘要】
基于数据可视化场景下实现可视化组件联动的方法及系统


[0001]本专利技术涉及计算机软件开发领域，尤其涉及一种基于数据可视化场景下实现可视化组件联动的方法及系统。

技术介绍

[0002]数据可视化旨在借助图形化手段，以一种更直观、高效的方式呈现数据，在数据可视化场景中，最小组成单元是可视化组件，通过可视化组件之间的联动来实时刷新数据，以此来展示整体的数据变化以及趋势预测。然而，现有的可视化组件联动方案中，需要针对不同的可视化组件单独编写代码，通过监听组件的前端事件触发相应操作，然后编写后台数据服务，通过调用后台服务拿到新的数据，查找要渲染的可视化组件，最后重新渲染整个可视化组件。
[0003]目前方案主要有两方面的缺陷：一方面，需要处理组件的前端事件，编写后台数据服务，调用后台数据服务，渲染组件，在整个过程中，涉及到前端开发，后台开发、可视化组件渲染等专业的开发技术。对普通用户来说，学习成本和实现成本都极高。
[0004]另一方面，在实现可视化组件实时刷新数据时，通过调用后台服务拿到新数据，重新渲染组件过程中，组件会先销毁再创建本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于数据可视化场景下实现可视化组件联动的方法，其特征在于，所述方法包括以下步骤：步骤S10，在触发联动的可视化组件上配置联动条件和回调变量；步骤S20，在接收联动的可视化组件上配置使用的回调变量；步骤S30，建立触发联动的可视化组件和接收联动的可视化组件之间的联动关系；步骤S40， 改进可视化组件的渲染方式，实现联动时仅渲染可视化组件的可视区域；步骤S50，在触发联动的可视化组件触发联动条件时，通知接收联动的可视化组件调用渲染方法。2.根据权利要求1所述的一种基于数据可视化场景下实现可视化组件联动的方法，其特征在于，在步骤S10中，选择触发联动的可视化组件，在触发联动的可视化组件上配置联动条件和回调变量；配置联动条件和回调变量的详细信息使用标准JSON语法表示如下：{
ꢀꢀꢀꢀ
"condition": [], // 联动条件
ꢀꢀꢀꢀ
"variable": [],
ꢀꢀꢀꢀ
// 回调变量}。3.根据权利要求1或2所述的一种基于数据可视化场景下实现可视化组件联动的方法，其特征在于，在步骤S20中，选择接收联动的可视化组件，在接收联动的可视化组件上配置使用的回调变量；配置接收联动的可视化组件使用回调变量的详细信息使用标准JSON语法表示如下：{
ꢀꢀꢀꢀ
"useVariable": [],
ꢀꢀꢀꢀ
// 使用的回调变量}。4.根据权利要求3所述的一种基于数据可视化场景下实现可视化组件联动的方法，其特征在于，在步骤S30中，建立触发联动的可视化组件和接收联动的可视化组件之间的联动关系；建立完成的联动关系使用标准的JSON语法表示如下：{
ꢀꢀꢀꢀ
"source": [], // 回调变量的来源
ꢀꢀꢀꢀ
"reference": [], // 回调变量被引用"link": [], // 联动关系}通过建立联动关系，在触发联动的可视化组件触发了联动条件后，可以基于所述联动关系，将消息通知给接收联动的可视化组件。5.根据权利要求4所述的一种基于数据可视化场景下实现可视化组件联动的方法，其特征在于，在步骤S40中，包括以下子步骤：S401. 拆分可视化组件的显示单元；S402. 根据显示单元的在组件中的表现确定需要渲染的显示单元；具体地，依据显示单元在组件中的表现将显示单元拆分为动态显示单元和静态显示单元，其中跟随数据变化
动态渲染的显示单元为动态显示单元，动态显示单元为要需要进行渲染的显示单元，而静态显示单元为不需要进行重新渲染的显示单元；S403. 计算每个需要渲染的显示单元在可视化组件视口的可见性；通过显示单元的坐标和视口范围坐标计算，当显...

【专利技术属性】
技术研发人员：陈鹏，
申请(专利权)人：杭州比智科技有限公司，
类型：发明
国别省市：