反馈已提交

网络繁忙

跳转到仪表板(日期筛选器)

  • 文档创建者:Naya
  • 历史版本:5
  • 最近更新:Naya 于 2024-01-17
  • 1. 概述

    1.1 应用场景

    本文将实现,将图表中年月的值传递到另一张仪表板中的筛选器中,筛选出对应参数的数据。

    比如,在 A 仪表板中点击字段中 2017-07 ,跳转到另一张仪表板的同时,年月筛选器的值会选择「2017 年 7 月」并过滤出相关的数据。如下图所示:

    1.gif

    1.2 实现思路

    • 获取仪表板 ID 和筛选器 ID;

    • 在分析表中使用公式:CONCATENATTE('URL?筛选器ID=传递的参数'),将仪表板 ID、筛选器 ID 以及筛选值字段进行拼接得到跳转传参的网址;

    • 对字段进行跳转设置,绑定拼接的网址。

    2. 操作步骤

    2.1 获取仪表板 ID

    找到跳转到的仪表板,复制浏览器中的 URL,如下图所示:

    注:项目中查看仪表板、仪表板编辑/预览界面、公共链接分享仪表板,这几处的 URL 是不一样的,根据 URL 跳转到到对应的页面,请根据自己的需要选择不同的 URL。

    1.png

    2.2 筛选器 ID

    1)选择跳转到的仪表板,按 F12 打开开发者模式,打开面板后使用「CTRL+R」刷新当前页面,根据步骤,找到「Preview」区域,如下图所示:

    注 1:请在项目中预览仪表板界面、仪表板编辑/预览界面打开开发者模式。

    注 2:如果 F12 打不开面板,可使用 CTRL+SHIFT +I 打开。

    注 3:建议使用谷歌浏览器。

    2)根据筛选器名称找到对应的筛选器 ID。如下图所示:

    3.png

    2.3 拼接跳转传参地址

    1)要实现「年月」传值,首先要使用公式新增两个字段,分别获取「年」和「月」.

    2)使用公式:YEAR(合同签约时间),来获取字段值中的年份值。如下图所示:

    4.png

    3)再用 MONTH 函数,获取字段值中的月份值。如下图所示:

    5.png

    4)再新增一个字段,要将上面获得的仪表板 ID、筛选器 ID 以及传值的年、月拼接起来。

    前往触发跳转的图表所在的分析表中,使用 CONCATENATE 函数将仪表板ID、筛选器 ID 和筛选值字段进行拼接,如下图所示:

    6.png

    5)这样就得到了跳转传参的地址,如下图所示:

    7.png

    2.4 跳转设置

    1)制作一张图表,并对「合同签约时间」字段进行跳转设置。如下图所示:

    8.png

    2)网址所在字段选择 2.3 节得到的「跳转传参网址」。如下图所示:

    9.png

    2.5 实现效果

    在 A 仪表板中点击字段中 2017-07 ,跳转到另一张仪表板的同时,年月筛选器的值会选择「2017 年 7 月」。如下图所示:

    1.gif

    3. 更多内容

    其他日期筛选器下,要实现跳转传参,分为两种情况:

    • 传递固定的参数,比如无论点击哪个字段值,都传递 2020-10-01 这个值;

    • 点击字段中的不同值,传递不同的参数值。都需要根据筛选器类型,使用 YEAR、MONTH、DAY 函数新增字段分别获取字段中的年、月、日,比如第 2 节示例中需要获取到 年、月 字段。

    筛选器类型
    传递的参数
    年月

    {"value":{"year":2045,"month":5}}

    跳转后,年月选择 2045 年 5 月

    {"type":1,"value":{"year":"',,'","month":"',,'"}}

    请按照本文第 2 节内容获取 年、月字段

    跳转后,根据点击的字段值传递到筛选器中,筛选器选择对应的字段值

    日期面板/日期

    {"type":1,"value":{"year":2020,"month":10,"day":1}}

    跳转后,面板日期选择 2020-10-1

    {"type":1,"value":{"year":"',,'","month":"',,'","day":"',,'"}}

    请按照本文第 2 节内容获取 年、月、日字段

    跳转后,根据点击的字段值传递到筛选器中,筛选器选择对应的字段值

    日期区间

    {"start":{"type":1,"value":{"year":2010,"month":2,"day":2}},"end":{"type":1,"value":{"year":2021,"month":2,"day":17}

    跳转后,日期区间选择 2020-2-2 至 2021-2-17

    {"start":{"type":1,"value":{"year":"',,'","month":"',,'","day":"',,'"}},"end":{"year":"',年2,'","month":"',月2,'","day":"',日2,'"}

    请按照本文第 2 节内容获取 年、月、日、年2、月2、日2 字段

    跳转后,根据点击的字段值传递到筛选器中,筛选器选择对应的字段值

    年月区间

    1){"start":{"type":1,"value":{"year":2000,"month":2}},"end":{"type":1,"value":{"year":2045,"month":11}

    跳转后,年月区间选择 2020-2 月至 2045 年 11 月;


    2){"end":{"type":1,"value":{"year":2000,"month":2}

    跳转后,结束日期选择 2000 年 2 月;


    3){"start":{"type":1,"value":{"year":2000,"month":2}}}

    跳转后,开始日期选择 2000年 2 月

    {"start":{"type":1,"value":{"year":"',,'","month":"',,'"}},"end":{"type":1,"value":{"year":"',年2,'","month":"',月2,'"}

    请按照本文第 2 节内容获取 年、月、年2、月2、 字段

    跳转后,根据点击的字段值传递到筛选器中,筛选器选择对应的字段值


    2)、3)的写法类似,也需要获取 年、月字段

    年季度{"value":{"year":2034,"quarter":2}}

    跳转后,年季度选择 2034 年 2 月

    {"year":"',,'","quarter":"',季度,'"}

    需要获取年、季度字段

    跳转后,根据点击的字段值传递到筛选器中,筛选器选择对应的字段值


    附件列表


    主题: 制作和分享仪表板
    • 有帮助
    • 没帮助
    • 只是浏览

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

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

    不再提示

    10s后关闭

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