最新历史版本 :图表超链-联动悬浮元素 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

虽然超链名称是联动悬浮元素,但悬浮元素有好几种呢,这个其实指的就是联动悬浮元素图表这一种。

例如下图示例,通过点击单元格超链跟悬浮柱形图联动。

1629686143428501.gif

1.2 功能介绍

  • 配置界面通过下拉框选择报表中已经添加的悬浮元素。

  • 支持设置参数,实现联动效果,详细介绍参见文档:超级链接传参

  • 联动悬浮元素超链不支持移动端预览。

1629686578239027.png

2. 示例编辑

2.1 准备数据

1)新建普通报表,新建数据集 ds1 ,SQL 语句为:SELECT * FROM 销量

2)新建数据集 ds2 ,SQL 语句为:SELECT * FROM 销量 WHERE 1=1  ${if(len(area) == 0,"","and 地区 = '" + area + "'")} ,这里实现了参数为空选全部

2.2 设计模板

1)A1~C2 单元格设计为表格,将数据集 ds1 中的字段拖到对应单元格中。报表中插入一个悬浮元素图表,图表类型选择柱形图,如下图所示:

Snag_33743042.png

2)选中悬浮柱形图,使用数据集 ds2 绑定图表数据,如下图所示:

Snag_3377173e.png

3)将柱形图的标题修改为公式:=$area + "地区销量统计图",并修改字号,如下图所示:

Snag_3378b713.png

2.3 添加超链

选中地区字段所在的 A2 单元格,添加一个联动悬浮元素的超链,下拉框选择悬浮元素 Float1 ,并添加参数area,其值为公式=$$$,如下图所示:

1629687918571343.png

2.4 效果预览

保存报表,点击分页预览,效果如 1.1应用场景 中所示。

不支持 App 端和 HTML5 端预览。

3. 模板下载编辑

已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超链到悬浮元素图表.cpt

点击下载模板:超链到悬浮元素图表.cpt