图表超链-联动悬浮元素

  • Last update:  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

    Attachment List


    Theme: 报表专题
    Already the First
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy