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 以及传值的年、月拼接起来。
前往触发跳转的图表所在的分析表中,使用 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":"',季度,'"} 需要获取年、季度字段 跳转后,根据点击的字段值传递到筛选器中,筛选器选择对应的字段值 |