反馈已提交

网络繁忙

普通报表实现图表联动单元格

  • 文档创建者:Alicehyy
  • 历史版本:2
  • 最近更新:TW 于 2023-10-18
  • 1. 概述

    1.1 预期效果

    在普通报表中,图表通过设置超链「图表超链-联动单元格」可实现 图表联动图表 ,但是该方法是无法实现图表联动单元格数据的。

    那么在普通报表中,该如何实现点击图表分类或系列,表格数据能随之联动变化呢?预期效果如下图所示:

    20BD63F9-A23A-426C-A6CA-B1E9D138FD50.GIF

    1.2 实现思路

    通过图表特效中的动态参数超级链接实现。因为动态参数可实现模板全局刷新,那么模板中使用了该参数的对象均会发生变化,从而产生联动效果。

    注:FVS 可视化看板实现图表块联动报表块请详见  FVS点击联动组件 ;决策报表实现图表块联动报表块请参见  决策报表组件联动

    2. 示例

    2.1 准备数据

    1)点击设计器左上角「文件>新建普通报表」,模板主题选择「清爽科技」。

    2)新建两个数据集,SQL 查询语句分别为:

    ds1:SELECT * FROM 销量

    ds2:SELECT * FROM 销量 WHERE 1=1  ${if(len(area) == 0,"","and 地区 = '" + area + "'")} 。表示参数 area 为空时选择全部数据。

    1641810321801278.png

    2.2 设计报表

    2.2.1 设计图表

    1)合并两一片单元格区域,插入一个「饼图」。如下图所示:

    Snag_8ca9e226.png

    2)选中饼图,点击「单元格元素>数据」。绑定饼图数据如下图所示:

    Snag_8cafcd0b.png

    2.2.2 设计表格

    在图表下方设计表格,将 ds2 数据集中字段拖入单元格。由于 ds2 数据集含有参数,展示时则根据接收到的参数进行展示,初始状态参数为空时,展示全部数据。

    其中 C15 单元格的数据设置为「汇总>求和」。如下图所示:

    Snag_8cac015d.png

    2.2.3 图表添加超链

    选中图表,点击「单元格元素>特效>交互属性>添加链接」,选择「动态参数」链接。添加参数 area,参数值选择「系列名称」自动填充 =SERIES  ,即将饼图的系列作为 area 的值。步骤如下图所示:

    Snag_8cb34fd9.png

    2.3 效果预览

    2.3.1 PC 端

    保存报表,点击「分页预览」,效果如 1.1 节预期效果所示。

    2.3.2 移动端

    App 端和 HTML5 端均支持,效果如下图所示:

    2989F05C-3562-4CA7-B295-35D111CBFD84.GIF

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\Linkage\普通报表实现图表联动单元格.cpt

    点击下载模板:普通报表实现图表联动单元格.cpt

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持