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

  • 首页
  • 产品方案
    • 低代码平台
    • 流程设计器
    • 微服务方案
    • 表单设计器
    • 大屏设计器
    • 报表设计器
    • 流程数据中台
    • 移动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版本发布,免费的可
返回列表

随便看看

  • 重磅 - Github上免费大屏来啦,教你快速搭建积木报表
  • 智能开发框架JEECG作者张代浩专访
  • 【快讯】JeecgBoot低代码平台,成功入选2021科创中国·开源创新榜
  • 开源免费的低代码平台—JeecgBoot v3.5.5 版本发布,性能大升级
  • 拖拽报表设计香不香—JimuReport 1.4.0新特性
  • JimuReport 1.4.0-beta 首个里程碑版本发布,免费的低代码报表
  • JeeWx 捷微 V3.3 版本发布,支持微信公众号、微信
  • 帆软报表替代产品有哪些?
  • 500G 史上最全的JAVA全套教学视频网盘分享
  • JEECG-easypoi-2.0.3 版本发布

  • 公司产品
  • 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号