# **报表联动** > 联动是在一个报表里通过点击单元格或图表,将单元格所在行的数据或者图表对应点击区域的数据传递给被联动的图表数据集,重新渲染联动图表。 > 分两类:1.表格联动图表;2.图表联动图表, [TOC] ## **一. 表格联动图表** 配置表格联动图表步骤如下: ### 1.添加两个数据集 * [ ] 数据集 `aaa` ,按性别统计用户人数,如下图: ![](https://img.kancloud.cn/c3/03/c3038a368d0ab4d12dfad856aef87326_1255x442.png) * [ ] 数据集 `bbb` ,根据参数 `test_arg` 统计不同性别下的数据 >[info] 该数据集联动参数 `test_arg` 需要传值,如果图表一开始需要展示数据,可以给参数设置一个默认值 ![](https://img.kancloud.cn/7c/79/7c79519a357dc3623d81216220d3cabb_1388x441.png) ### 2. 设计两个报表 设计报表,添加表格报表`性别统计 `绑定数据集`aaa`, 图表`分数统计` 绑定数据集`bbb` ![](https://img.kancloud.cn/9d/d3/9dd318f20f0ee73b79eacf529d830bfe_819x454.png) ### 3. 联动参数配置 ##### 3.1 添加链接 点击性别数据单元格,添加联动类型的 `超链接` ![](https://img.kancloud.cn/58/21/58219824ec2214fdd8efe7f85223ca55_1684x465.png) #### 3.2 配置联动参数 - 链接名称:填写链接名称(随意填写) - 链接图表:选择链接图表—`分数统计 ` > 参数设置说明:点击`“性别”` 时通过“sex”来联动`“分数统计”`,所以联动参数如下 - “原始参数—性别”为`性别统计 ` 中的班级`sex` - “映射参数—test_arg”为传至`“分数统计图表”` 中的参数`test_arg` ![](https://img.kancloud.cn/9a/b5/9ab58c6cffdd1e176fe3a0e5ebee7835_618x399.png) `上图配置表示:将点击单元格对应的那一条数据的性别值传入test_arg,用于下个图表的渲染` ### 4.效果演示 点击单元格触发联动效果演示 ![](https://img.kancloud.cn/40/b4/40b4bb300f50dab49c3a91867e971a8e_886x495.gif) ### 5. 高级配置—联动参数`自定义表达式模式` 配置单元格所在列表达式(可以实现上述3.2 配置同样的效果) ![](https://img.kancloud.cn/50/ca/50ca9529badca89a9d1b0966f598dc23_607x389.png) `上图配置表示:将点击单元格所在行的C列单元格的值传入test_arg,用于下个图表的渲染` ***** ## **二. 图表联动图表** 配置图表联动图表步骤如下 ### 1.添加两个数据集,同上 ### 2.页面绑定数据集 页面添加图表a绑定数据集aaa, 图表b绑定数据集bbb,同上 ### 3.参数配置 选中图表a,右侧添加联动配置 ![](https://img.kancloud.cn/1b/88/1b88986e9c38c68d2ab763918f3acc19_1633x332.png) ![](https://img.kancloud.cn/af/9f/af9f150cad8a6ef29707ae881edb70d9_600x387.png) ### 4.效果演示 点击图表触发联动效果演示 ![](https://img.kancloud.cn/39/37/393737fb8a8e6d0138b0c4917879e67e_852x605.gif)