>图表钻取条件是指在一个报表中点击图表某区域,根据点击数据所对应的值条件判断进行报表跳转和参数传递 [TOC] # 图表带条件钻取 ## 效果展示 > 示例:点击柱体当值等于1的时候跳转到学生信息,当大于1的时候跳转到班级信息。 ![](https://img.kancloud.cn/7d/91/7d91f97cf24b4151ef2c5242233964a8_1914x972.png) ## 配置步骤如下 ### 1 设计一个图形报表,名字叫 `教师报表` >创建一个教师表,有三个字段:教师ID、教师名称、教师年龄 #### 1.1 给`教师报表` 创建SQL数据源 创建一个sql的数据集,查询教师信息 ,设置编码为`teacher`,名称为教师信息 ![](https://img.kancloud.cn/c2/41/c24104c93302bccea346d6f45fb3dfe0_1897x894.png) ### 2 添加图表并配置sql数据源 新增一个柱形图 ![](https://img.kancloud.cn/5e/d0/5ed0011b2ac725555dbd512d78433661_1330x896.png) > 绑定数据集:选择我们刚才我们创建的教师信息,分类属性`x轴->教师`对应的是name字段,值属性`y轴->ID`对应的是ID字段 详细配置请参考 ![](https://img.kancloud.cn/42/4d/424d54587c7fa95366ca5462d0d51133_1920x904.png) ### 3.设计班级报表 > 班级报表主要信息包含班级名称,教师编号 #### 3.1 添加班级数据源 查询所有班级表的信息,编码为`class`,名称为班级信息 ![](https://img.kancloud.cn/c5/19/c519bfd966232305f91889664279889c_1902x903.png) #### 3.2 拖拽字段到设计器页面并设置样式 ![](https://img.kancloud.cn/af/18/af188f16803fe039e4cf8b03eb1208fd_1130x434.png) ### 4.设计学生报表 > 学生报表主要信息包含学生名称,学生性别,教师编号 #### 4.1 添加学生数据源 查询所有学生表的信息,编码为`student`,名称为学生信息 ![](https://img.kancloud.cn/1d/bd/1dbd48376de96e9769a8bf3793c26e9e_1920x902.png) #### 4.2 拖拽字段到设计器页面并设置样式 ![](https://img.kancloud.cn/b4/b6/b4b6eb4b1af27241fcabcc6d5a30b0d0_876x417.png) ### 5.重点-> 添加超级链接 #### 5.1 为教师信息图表做钻取 >创建两个钻取,分别为钻取到学生信息报表和钻取到班级信息报表 #### 5.2 创建学生钻取 * 链接名称:填写此链接名称(随意填写) * 链接报表:选择此链接需要跳转的报表—`“学生信息”` * 弹出方式:选择弹出方式;支持新窗口打开和当前窗口打开 * 条件:满足时才会跳转到报表—当y轴(`value`)等于1的时候才会跳转到学生信息 >参数设置说明:点击`“图表柱体”`通过`“教师名称”`跳转至下级钻取报表`“学生信息”`。 * 原始参数—图表分类属性(`name`);图表值属性(`value`)—教师编号 * 参数—“teacherId”为传至`“学生信息”`中的参数`teacherId` ![](https://img.kancloud.cn/4e/f7/4ef7a1e650c48aca5b75ceb54e6a2935_765x613.png) #### 5.3 创建班级钻取 * 链接名称:填写此链接名称(随意填写) * 链接报表:选择此链接需要跳转的报表—`“班级信息”` * 弹出方式:选择弹出方式;支持新窗口打开和当前窗口打开 * 条件:满足时才会跳转到报表—当y轴(`value`)大于1的时候才会跳转到班级信息 >参数设置说明:点击`“图表柱体”`通过`“教师名称”`跳转至下级钻取报表`“班级信息”`。 * 原始参数—图表分类属性(`name`),图表值属性(`value`)—教师编号 * 参数—“teacherId”为传至`“班级信息”`中的参数`teacherId` ![](https://img.kancloud.cn/7c/19/7c194e675a2a842a1ba36e489909902b_747x614.png) 设计好后直接保存预览即可 ![](https://img.kancloud.cn/7d/91/7d91f97cf24b4151ef2c5242233964a8_1914x972.png) ## 附录 #### 1、钻取条件赋值规则 详见 [钻取联动条件规则](http://report.jeecg.com/2665167)