反馈已提交

网络繁忙

图表超链-联动悬浮元素

  • 文档创建者:Leo.Tsai
  • 编辑次数:2次
  • 最近更新:Leo.Tsai 于 2021-08-24
  • 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

    附件列表


    主题: 报表专题
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭