# 数据交互实现图表联动

数据交互主要实现单击某一个图表,需要另外一个图表的数据也会有相应变化时,可以通过配置组件的数据交互,来实现图表的联动。

前言:已存在两张数据表,HT_USER、HZ_DEPT。

全局样式

# 1. 配置数据资源,创建两个有关系的数据资源。

添加数据资源用户部门,给大屏组件提供数据来源。

全局样式

# 2. 创建大屏,配置组件。

新建大屏,添加饼图和柱状图。

全局样式

# 3. 配置组件数据资源。

饼图配置部门数据资源,柱状图配置用户数据资源。

全局样式

# 4. 配置组件数据交互。

饼图配置扇区选中交互事件,选择字段id, 绑定到变量deptid

柱状图配置数据响应,选择变量deptid, 绑定到字段部门id

全局样式

# 5. 预览,查看效果。

单击饼图的某一扇区,将把该扇区中数据的id,传递给变量deptid。柱状图将接收变量deptid中传递的数据,刷新该图表数据,实现组件交互效果。

全局样式

Last Updated: 1/22/2021, 9:55:38 AM