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

目录:

1. 概述编辑

1.1 应用场景

想要实现跳转到另一张的仪表板并传递值,例如选择点击「购买合同」,跳转到另一张仪表板中,筛选器筛选的值会选择「购买合同」,过滤出合同类型为「购买合同」的数据,如下图所示:

4.gif

1.2 实现思路

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

  • 将分析表中将仪表板 ID、筛选器 ID 以及筛选值字段进行拼接得到跳转传参的网址;

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

2. 操作步骤编辑

2.1 获取仪表板 ID

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

注:列表中查看仪表板、仪表板编辑界面、公共链接查看仪表板的 URL 是不一样的,根据 URL 跳转到到对应的页面,请根据自己的需要选择不同的 URL。

Group 36.png

2.2 获取筛选器 ID

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

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

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

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

Group 37.png

2)找到筛选器名称和 ID,如下图所示:

Group 38.png

2.3 设置跳转

1)前往触发跳转的图表所在的分析表中,新增一个字段,使用 CONCATENATE 函数将仪表板ID、筛选器 ID 和筛选值字段进行拼接,拼接格式为:CONCATENATE("浏览器网址?筛选器ID=传递的参数“)。

在本文示例中,公式内容分解如下表所示:

浏览器网址https://work.jiushuyun.com/decision/home/dashboard/c4f42dac1c8a404182bddf69750b92b7
筛选器 ID46fb152d-8a9a-42ab-8dbe-bc2cf136450f
传递的参数{\"type\":1,\"value\":[\"",[合同类型],"\"],\"assist\":[]}

那么,最终的公式为:CONCATENATE("https://work.jiushuyun.com/decision/home/dashboard/c4f42dac1c8a404182bddf69750b92b7?46fb152d-8a9a-42ab-8dbe-bc2cf136450f={\"type\":1,\"value\":[\"",[合同类型],"\"],\"assist\":[]}")

Group 39.png

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

Group 40.png

3)在图表中对「合同类型」字段进行跳转设置,跳转网址所在的字段选择上面拼接好的网址字段,如下图所示:

Group 41.png

2.4 实现效果

点击「购买合同」,跳转到另一张仪表板中,筛选器筛选的值会选择「购买合同」,如下图所示:

4.gif

3. 多个参数传递到多个筛选器中编辑

1)用户想要实现跳转到另一张仪表板的同时,将 一行 中的数据传递到多个筛选器中。

在下图中,跳转后,「合同类型」筛选器选择「购买合同」,「是否已经交货」筛选器选择「否」。

Group 42.png

2)要实现上述场景,我们只需要在拼接跳转链接时,使用「&」将两个筛选器写法拼接在一起即可。如下图所示:

Group 43.png

4. 更多内容编辑

数值筛选器和文本筛选器实现方法类似,具体的写法可参考下表内容:

筛选器类型

文本列表/下拉框/输入框{\"type\":1,\"value\":[\"湖南\",\"湖北\"],\"assist\":[]}

跳转后,文本列表选择湖南和湖北两个字段值

{\"type\":1,\"value\":[\"",合同类型,"\"],\"assist\":[]}")   合同类型为字段,不是具体的值

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

范围滑块

{\"max\":\"4\",\"min\":\"3\"}

跳转后,范围滑块选择 3-4

{\"max\":\"",数值 1,\",\"min\":\"",数值 2,\"}  数值1、数值2 为字段,不是具体的值

跳转后,根据点击的字段值传递到筛选器中,筛选器选择「数值1-数值2 」

数值范围

{\"max\":\"50\",\"min\":\"1\",\"closeMax\":true,\"closeMin\":true}

跳转后,数值范围筛选器选择 1-50

{\"max\":\",数值 1,\",\"min\":\",数值 2,\",\"closeMax\":true,\"closeMin\":true}  数值1、数值2 为字段,不是具体的值

跳转后,根据点击的字段值传递到筛选器中,筛选器选择「数值1-数值2 」