最新历史版本 :跳转到仪表板(日期筛选器) 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

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

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

2.gif

1.2 实现思路

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

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

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

2. 操作步骤编辑

2.1 获取仪表板 ID

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

注:项目中查看仪表板、仪表板编辑/预览界面,这两处的 URL 是不一样的,请根据自己的需要选择不同的 URL。

2.2 筛选器 ID

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

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

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

2.3 拼接跳转传参地址

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

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

1.png

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

2.png

4)再新增一个字段,要将上面获得的仪表板 ID、筛选器 ID 以及传递的参数(见本文第 3 节)拼接起来。

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

3.png

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

4.png

2.4 跳转设置

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

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

2.5 实现效果

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

2.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\":\"",季度,"\"}

需要获取年、季度字段

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