历史版本27 :图表超链-网络报表 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 预期效果

设置超级链接后,点击图表的分类或系列,可以链接到其他网络报表,预期效果如下图所示:

1624958257766255.gif

1.2 实现思路

图表属性面板「特效>交互属性」下点击添加链接,选择「网络报表」,如下图所示:

Snag_b55217.png

2. 示例编辑

我们将制作两张报表作为示例:

  • A 报表:「地区销量分析」报表,用一张「饼图」展示华东和华北两个地区的销量对比。

  • B 报表:「销售员销量分析」报表,设置数据集参数 $area 表示地区,用「柱形图」展示某地区下销售员的销量分析。

点击 A 报表的地区则跳转到 B 报表并展示相应地区下销售员的销量。

2.1 制作 A 报表

2.1.1 准备数据

新建普通报表,新建数据库查询 ds1,SQL 查询语句为:SELECT * FROM 销量

Snag_c0b4c3.png

2.1.2 设计报表

合并一片单元格区域,插入饼图。如下图所示:

Snag_c398c1.png

2.1.3 绑定图表数据

选择 ds1 数据集,分类为「无」,系列名使用「字段值」,系列名为「地区」,值为「销量」,汇总方式选择「求和」。如下图所示:

Snag_c5b269.png

2.1.4 设置图表标题

选择「样式>标题」,设置图表标题为「地区销量分析」。如下图所示:

Snag_16ce10e.png

到这里 A 报表的基础制作就完成了,待完成 B 报表的制作后,再添加超级链接。

2.2 制作 B 报表

2.2.1 准备数据

新建普通报表,新建数据库查询 ds1,SQL 查询语句为:SELECT * FROM 销量 WHERE 地区='${area}'。输入完成后点击下方的刷新按钮,出现参数 area,设置默认值为字符串「华东」,则查询数据时默认为华东地区下的所有数据。如下图所示:

Snag_171b747.png

2.2.2 设计报表

合并一片单元格区域,插入柱形图。如下图所示:

Snag_175020d.png

2.2.3 绑定图表数据

选择 ds1 数据集,分类为「销售员」,系列名使用「字段名」,字段名为「销量」,汇总方式选择「求和」。如下图所示:

Snag_17775ad.png

2.1.4 设置图表标题

选择「样式>标题」,点击 F(x) 进入公式定义界面,设置图表标题为「$area+"销量"」。那么标题则会根据参数 area 显示为相应的地区。如下图所示:

Snag_17b21cc.png

到这里 B 报表就制作完成了,保存 B 报表,并将其命名为「销售员销量分析」。接下来我们在 A 报表中添加超级链接。

2.3 设置超级链接

在 A 报表中选中图表,点击「单元格元素>特效」,在交互属性下点击「添加链接>网络报表」,弹出设置对话框。

1)选择保存的 B 报表即「销售员销量分析」报表,链接打开方式选择「新窗口」。

注:链接打开有三种方式可供选择 新窗口,对话框,当前窗口,当选择对话框时,可自定义对话框的大小及位置。

2)添加一个传递给 B 报表的参数,参数名与 B 报表中的参数名保持一致,参数值选择「系列名称」即地区,选择后自动显示为 F(x) =SERIES

注:这里如果不添加参数,同样可以打开新窗口显示 B 报表,但是没有任何交互效果,添加参数则 B 报表可以根据 A 报表点击的系列显示对应地区的数据。

如下图所示:

Snag_1843643.png

到这里设置超级链接也就完成了。

2.4 效果预览

2.4.1 PC 端

分别保存两张报表,「分页预览」A 报表,点击「华东」即可打开新窗口显示「华东销量」,点击「华北」即可打开新窗口显示「华北销量」。效果如 1.1 节预期效果所示。

2.4.2 移动端

移动端预览时,无论超级链接打开的方式设置为新窗口、对话框还是当前窗口,效果都一样。且无法从 B 报表返回 A 报表。效果如下图所示:

335E18DB-834F-4B46-8E19-CE8E8980718F.GIF

3. 模板下载编辑

已完成模板参见:

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\地区销量分析.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\销售员销量分析.cpt

点击下载模板:

地区销量分析.cpt

销售员销量分析.cpt