zhangdaiscott 发表于 2021-11-23 17:07:58

JimuReport积木报表—表格联动图表专题

联动是指在一个报表中点击表格某行或者图表某区域,根据点击数据重新渲染联动的图表。积木报表联动分为表格联动图表和图表联动图表,下面我们就来看看表格数据如何联动图表吧!
# 示例效果示例:点击班级列表的班级id,联动展示班级下的学生成绩图表。
https://oscimg.oschina.net/oscnet/up-b629281a724f48dc6ccef829ef2bd1ca411.gif# 联动配置步骤1.设计报表首先准备两个报表,一个数据列表 “班级列表”、一个图形报表 “班级学生分数图表”。 篇幅有限深入请看 入门视频https://oscimg.oschina.net/oscnet/up-77519a583665f6ecaa98a511b02f8673c52.png
2.添加数据集准备上述步骤一,两个报表所需要的数据集
[*]“班级列表” — 数据集查询所有班级信息
https://oscimg.oschina.net/oscnet/up-75b67cc1d142c7558a1e00af093d2d977cc.png
[*]“班级学生分数图表” — 详情数据集根据班级 classid 查询学生分数信息
https://oscimg.oschina.net/oscnet/up-8d3497197ec2e81737cab32af552cac0ca4.png

3.重点来了—配置超链接


3.1 添加链接
[*]点击 “班级列表” 中的 "#{ty.id}"单元格,设置右侧面板 “添加链接” +,选择图表联动;如下图:
https://oscimg.oschina.net/oscnet/up-c5deb66b6f73295c0208a80de9da488d862.png


3.2 联动参数配置
[*]链接名称:填写链接名称(随意填写)
[*]链接图表:选择链接图表—“班级学生分数图表”
参数设置说明:点击“班级列表” 时通过“班级id”来联动“班级学生分数图表”,所以联动参数如下
[*]“原始参数—id”为“班级列表” 中的班级id
[*]“映射参数—classid”为传至“班级学生分数图表” 中的参数classid
https://oscimg.oschina.net/oscnet/up-7b592f39481945dd7cf64e98c1704bd0994.png配置完成,保存后,点击预览即可查看联动效果。附录:
[*]积木报表的联动还支持复杂规则,比如 支持条件,更多配置 请参考文档。
[*]体验官网:www.jimureport.com


页: [1]
查看完整版本: JimuReport积木报表—表格联动图表专题