JVS智能BI数据分析:图表的数据联动配置详解

图表的数据联动

图表的数据联动是指在可视化图表中,当一个图表的数据发生变化时,另一个图表中的数据也会自动更新。这种功能通常用于展示相互关联的数据集,帮助用户更直观地了解数据之间的关系和趋势。

我们先看看实际的效果,如下:

如上图所示,点击饼图中的数据是,折线图与组装图的

那么接下来看下具体的配置详细操作。

1、首先配置对应的数据组件,如果对数据可视化组件,其中包括选择组件、绑定数据等,这里就不重点介绍了。配置后效果如下

2、选中数据联动的发起组件,这里的发起组件是通过鼠标点击组件里边相关的数据项发起数据联动的 动作。点击触发组件,选择组件上的联动设置 按钮,如下图所示:

进入联动设置界面,如下图所示

设置联动的字段,让两个字段关联起来,如下图所示

点击保存,完成联动配置

在线demo:http://bi.bctools.cn

gitee地址:https://gitee.com/software-minister/jvs-bi

相关推荐
叫致寒吧13 小时前
Tomcat详解
java·tomcat
J***Q29217 小时前
Vue数据可视化
前端·vue.js·信息可视化
2501_9416233217 小时前
人工智能赋能智慧农业互联网应用:智能种植、农业数据分析与产量优化实践探索》
大数据·人工智能
S***267517 小时前
基于SpringBoot和Leaflet的行政区划地图掩膜效果实战
java·spring boot·后端
马剑威(威哥爱编程)17 小时前
鸿蒙6开发视频播放器的屏幕方向适配问题
java·音视频·harmonyos
JIngJaneIL17 小时前
社区互助|社区交易|基于springboot+vue的社区互助交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·社区互助
咚咚王者18 小时前
人工智能之数据分析 numpy:第十三章 工具衔接与迁移
人工智能·数据分析·numpy
咚咚王者18 小时前
人工智能之数据分析 numpy:第九章 数组运算(二)
人工智能·数据分析·numpy
YangYang9YangYan18 小时前
网络安全专业职业能力认证发展路径指南
大数据·人工智能·安全·web安全
V***u45318 小时前
MS SQL Server partition by 函数实战二 编排考场人员
java·服务器·开发语言