1. 概述
本文将实现,将图表中年月的值传递到另一张仪表板中的筛选器中,筛选出对应参数的数据。
比如,在 A 仪表板中点击字段中 2017-07 ,跳转到另一张仪表板的同时,年月筛选器的值会选择「2017 年 7 月」并过滤出相关的数据。如下图所示:
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([合同签约时间]),来获取字段值中的年份值。如下图所示:
3)再用 MONTH 函数,获取字段值中的月份值。如下图所示:
4)再新增一个字段,要将上面获得的仪表板 ID、筛选器 ID 以及传递的参数(见本文第 3 节)拼接起来。
前往触发跳转的图表所在的分析表中,使用 CONCATENATE 函数将仪表板ID、筛选器 ID 和筛选字段进行拼接,如下图所示:
5)这样就得到了跳转传参的地址,如下图所示:
2.4 跳转设置
1)制作一张图表,并对「合同签约时间」字段进行跳转设置。如下图所示:
2)网址所在字段选择 2.3 节得到的「跳转传参网址」。如下图所示:
2.5 实现效果
在 A 仪表板中点击字段中 2017-07 ,跳转到另一张仪表板的同时,年月筛选器的值会选择「2017 年 7 月」。如下图所示:
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\":\"",季度,"\"} 需要获取年、季度字段 跳转后,根据点击的字段值传递到筛选器中,筛选器选择对应的字段值 |