北京国炬信息技术有限公司

  • 首页
  • 产品方案
    • 低代码平台
    • 流程设计器
    • 微服务方案
    • 表单设计器
    • 大屏设计器
    • 报表设计器
    • 流程数据中台
    • 移动APP方案
  • 新闻动态
    • 公司动态
    • 技术博客
    • 学习视频
  • 关于我们
    • 公司简介
    • 发展历程
    • 公司荣誉
    • 联系我们
  • 人才招聘
首页 > 新闻动态 > 公司动态

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

作者:admin 发布时间:2021-11-23 点击数:

联动是指在一个报表中点击表格某行或者图表某区域,根据点击数据重新渲染联动的图表。积木报表联动分为表格联动图表和图表联动图表,下面我们就来看看表格数据如何联动图表吧!

# 示例效果

示例:点击班级列表的班级id,联动展示班级下的学生成绩图表。

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

# 联动配置步骤

1.设计报表

首先准备两个报表,一个数据列表 “班级列表”、一个图形报表 “班级学生分数图表”。 篇幅有限深入请看 入门视频

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

2.添加数据集

准备上述步骤一,两个报表所需要的数据集

  • “班级列表” — 数据集

    查询所有班级信息

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

  • “班级学生分数图表” — 详情数据集

    根据班级 classid 查询学生分数信息

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

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

3.1 添加链接
  • 点击 “班级列表” 中的 "#{ty.id}"单元格,设置右侧面板 “添加链接” +,选择图表联动;如下图: JimuReport积木报表—表格联动图表专题(图5)

3.2 联动参数配置
  • 链接名称:填写链接名称(随意填写)

  • 链接图表:选择链接图表—“班级学生分数图表”

参数设置说明:点击“班级列表” 时通过“班级id”来联动“班级学生分数图表”,所以联动参数如下

  • “原始参数—id”为“班级列表” 中的班级id

  • “映射参数—classid”为传至“班级学生分数图表” 中的参数classid

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

配置完成,保存后,点击预览即可查看联动效果。

附录:

  • 积木报表的钻取还支持复杂规则,比如 支持条件,更多配置 请参考文档。

  • 体验官网:www.jimureport.com


加入收藏
上一篇:拖拽报表设计香不香—JimuReport 1.4.0新特性
下一篇:JimuReport积木报表 v1.4.2版本发布,免费的可
返回列表

随便看看

  • 微信公众号开发平台JeeWx 1.0发布
  • 2023 年活力开源贡献者、开源项目揭晓|JeecgBoot 成功入选
  • JeecgBoot 2.0.2版本发布,基于SpringBoot+AntDesign快速开发
  • 【敲敲云】零代码平台快速入门指南 — 下篇
  • JeecgBoot 3.4.3-GA 版本发布,开源免费的企业级低代码平台
  • 【发版通知】敲敲云新版发布,免费APaaS零代码平台&低代码平台
  • 制作报表原来可以这么简单—积木报表使用分享
  • SpringBoot项目的 log4j漏洞解决—JeecgBoot
  • JeecgBoot 3.2.0 版本发布,基于代码生成器的企业级低代码平台
  • HTML5中的自定义属性总结

  • 公司产品
  • JeecgBoot低代码平台
  • 敲敲云零代码
  • 大屏设计器
  • 流程设计器
  • 表单设计器
  • 源码下载
  • JeecgBoot低代码平台
  • 积木报表平台
  • 移动开发平台
  • 微信管家平台
  • 更多信息
  • JEECG官方论坛
  • JEECG插件市场
  • 仪表盘设计器
  • 积木报表官网
  • 联系我们
  • 中国·北京·朝阳区科荟前街1号院奥林佳泰大厦9层
  • 商务QQ: 69893005、418799587
  • 商务热线: 010-64808099(5*8小时)
  • 项目外包: 18611788525(5*8小时)
  • 扫码关注我们
Copyright © 2015 北京国炬软件 All Rights Reserved Powered by JEECG 京ICP备2023027727号