【仪表板-交互式分析】跳转外部链接传参-单值-多值-格式化

登录

本帖最后由 James.Lv 于 2025-10-31 19:04 编辑

在数据分析中，经常会有多个页面之间进行穿透跳转分析，除了本系统页面之间跳转之外，也会有需要跟第三方系统集成跳转，点击仪表板可以跳转到第三方业务系统链接，同时希望能够传递当前所点击的图表柱子，饼图等不同的数据到外部链接上，而且不同第三方系统对链接传参的数据格式会有不同的要求，因此也需要我们在跳转时可以进行格式化参数；
本贴就来介绍仪表板设计中如何实现跳转外部链接传参-单值-多值-格式化

重点：
1.仪表板组件配置跳转设置到外部链接，可以设置数据单选或多选；
2.外部链接URL上可以通过函数获取到当前点击的数据；
3.可以通过函数对URL传参进行格式化；

具体实现步骤：
1.准备基础数据
本示例使用销售明细数据，可以根据自己需要替换成自己的数据集

2.创建仪表板，给图表绑定跳转
新建一个仪表板，根据自己需求设计好对应的图表，然后图表绑定好相应的数据

然后选中需要跳转的图表，属性设置配置跳转设置，选择外部链接，配置需要跳转的第三方系统链接，为了清晰查看跳转传参结果，打开方式选择新页面打开；

属性设置可以设置左键跳转，然后预览点击柱子即可打开新页面跳转到第三方系统连接；

3.跳转单值传参
属性设置开启数据单选，这样跳转时就只会选中一个值进行传递，然后跳转第三方URL上就可以配置如下连接：

http://www.baidu.com?p1=#{selection|["客户地区"]}

复制代码

我图表分类绑定的字段是客户地区，然后URL上可以通过#{selection|["客户地区"]} 获取到点击柱子所对应的客户地区

图表跳转传递只能选择图表上绑定的数据列，如果希望传递别的列，可以将对应的列绑定到图表的提示标签；

4.跳转多值传参
多值传参图表属性就不开启数据单选，同时不能设置左键跳转，应该左键需要用来选中多个数据，然后右键设置跳转，跳转连接跟单值传参的一致

预览之后，左键选择多个值，然后进行右键跳转查看

5.参数格式化
刚才配置了跳转之后，大家发现跳转之后的URL参数都是一样的格式，单值是 [参数值] ，多值是[参数值1，参数值2]；
但是往往第三方业务系统的URL接收数据都有不同的数据格式要求，那么就需要我们在跳转时进行参数的格式化以满足需求；
参数格式化，需要在配置的URL连接对获取到数据字段进行函数处理，如下所示：

//去掉方括号

复制代码

效果如图，单值：

多值：

由此可以看出这个函数$COLLECTION$的作用，这个函数支持4个参数，
第一个参数是要格式化的字段，用单引号引起来的  '["客户地区"]'
第二个参数是左方括号，如果希望去掉就写 "" 就可以去掉，也可以根据自己需要转换成别的字符，比如花括号  "{"

第三个参数是右方括号，如果希望去掉就写 "" 就可以去掉，也可以根据自己需要转换成别的字符
第四个参数是多值的时候有用，多个值之间用什么字符分割，比如逗号分割 ","  ，或者分号分割 ";"

以上就是仪表板跳转外部链接传参的多种用法，大家可以根据自己的业务场景灵活使用
下载附件示例Demo即可导入自己环境体验：导入方式参考教程：https://www.grapecity.com.cn/solutions/wyn/help/docs/back-stage/system-management/export-documents/exportdoc

		自动登录	找回密码
密码			立即注册

[仪表板] 【仪表板-交互式分析】跳转外部链接传参-单值-多值-格式化

本帖子中包含更多资源

0 个回复

活字格认证

活字格高级认证

Wyn高级认证

Wyn认证

微信认证勋章

讲师达人

元老葡萄

悬赏达人