Page tree
Skip to end of metadata
Go to start of metadata

1. 内容概述



图表联动指的是在同一张报表中实现图表和表格之间的联动效果。

如下图所示,当我们点击图表中的柱形条时,下方的表格会根据选择的大区进行联动,仅显示当前大区的数据。


2. 制作思路



此类图表联动效果的核心思路是在图表中设置钻取时选择当前报表本身,然后将表格中的数据根据参数值进行过滤。

而过滤表格中的数据时我们可以通过两种方法来实现:

  1. 通过新建数据集,直接数据集中进行过滤;
  2. 直接在表格组件上添加数据过滤条件,进行视觉层的过滤,从而也能达到预期效果。

接下来就为您分别介绍这两种实现方法的操作过程。


3. 方法一 使用数据集过滤



(1)  新建报表,添加数据集,使用图表组件,绑定字段,并将图表标题改为“大区销售分析”。

图表联动.json

  • 添加数据集,输入

$.*

  • 为图表绑定数据

(2)  添加一个报表参数,如下图所示。


(3)  新添加数据集,该数据集中使用报表参数进行大区的过滤。

图表联动.json

  • 添加数据集,输入

$.*

  • 添加数据过滤


(4)  新建表格组件,并绑定“数据集2”中的各字段。


(5)  单击保存按钮将报表保存,比如命名为“图表联动”。此时先将报表进行保存,是为了在下一步设置钻取操作时可以在列表中找到该报表。


(6)  设置钻取操作。

选中图表的绘图区域,然后在右侧的属性设置面板中找到“钻取操作”。将“钻取类型”选择为“跳转至报表”;将“跳转到报表”选项设置为刚保存的报表名称,即报表本身。


设置跳转参数。将报表参数p1的数据设置为“数据集1”中的“销售大区”,因为我们要将柱形图中选中的大区数据同过报表参数传递出去,用于“数据集2”的数据过滤。


(7)  此时预览报表,会发现需要输入一个参数值才可以进行预览。

为了可以直接进入报表,我们可以先为报表参数p1设置一个默认值,如“西北”,设置完成后单击上方的返回按钮,返回报表中。


第八步: 保存后,预览报表。此时可以看到已经实现我们需要的效果。


4. 方法二 使用组件过滤



第一步~第二步同方法一。

(3)  添加表格组件,并绑定数据字段。


(4)  选中表格,为表格组件添加数据过滤条件。然后保存报表,报表名称设置为“图表联动”。


(5)  设置钻取操作。

选中图表的绘图区域,然后在右侧的属性设置面板中找到“钻取操作”。将“钻取类型”选择为“跳转至报表”;将“跳转到报表”选项设置为刚保存的报表名称,即报表本身。


设置跳转参数。将报表参数p1的数据设置为“销售大区”,因为我们要将柱形图中选中的大区数据同过报表参数传递出去,用于表格组件的数据过滤。


(7)  此时预览报表,会发现需要输入一个参数值才可以进行预览。

为了可以直接进入报表,我们可以设置表格的隐藏属性,使其在没有参数输入时隐藏起来,有参数值时按参数值进行过滤显示。

选中表格组件,然后在属性设置面板中找到“隐藏”属性,然后单击右侧小方块按钮,选择“表达式”。


在表达式编辑器中输入表达式:=IIF(IsNothing(Parameters!p1.Value),true,false)


然后将报表参数p1的“可忽略”属性开启。


(7)  保存后,预览报表。可见开始预览时,由于没有参数输入,表格组件未显示。当单击图表中的柱形条时,表格则会根据所选大区进行数据过滤并显示。

  • No labels