# 数据交互实现图表联动
数据交互主要实现单击某一个图表,需要另外一个图表的数据也会有相应变化时,可以通过配置组件的数据交互,来实现图表的联动。
前言:已存在两张数据表,HT_USER、HZ_DEPT。
# 1. 配置数据资源,创建两个有关系的数据资源。
添加数据资源用户和部门,给大屏组件提供数据来源。
# 2. 创建大屏,配置组件。
新建大屏,添加饼图和柱状图。
# 3. 配置组件数据资源。
给饼图配置部门数据资源,柱状图配置用户数据资源。
# 4. 配置组件数据交互。
饼图配置扇区选中交互事件,选择字段id, 绑定到变量deptid。
柱状图配置数据响应,选择变量deptid, 绑定到字段部门id。
# 5. 预览,查看效果。
单击饼图的某一扇区,将把该扇区中数据的id,传递给变量deptid。柱状图将接收变量deptid中传递的数据,刷新该图表数据,实现组件交互效果。