[]
        
在线Demo 免费试用
(Showing Draft Content)

示例三 跳转如何获取选定的值并格式化

1. 概述

1.1 功能概述

在实际使用中,当您需要实现动态URL跳转时,系统支持智能参数绑定功能——可实时捕获当前组件的选定数据,并自动按预设规则将其转换为URL参数或路径片段,轻松构建满足复杂场景的动态跳转链接。

PixPin_2025-06-20_16-17-44

2. 操作步骤

  1. 在仪表板设计器界面,将柱状图组件拖拽至画布区域,选中柱状图组件,完成数据绑定。

    PixPin_2025-06-20_16-07-22

  2. 在仪表板设计器界面,选中柱状图组件,添加跳转,选择外部链接并输入网址。

    PixPin_2025-06-20_16-08-51

  • 网址表达式说明:

    • 表达式示例: https://www.baidu.com?a=#{Selection|$COLLECTION$('["客户地区"]',"","",",")}

    • 语法:#{变量内容 |$COLLECTION$(parameter1,parameter2,parameter3,parameter4)}

      • parameter1:需要格式化的文本,null:不进行格式化

      • parameter2:左拼接,null:表示使用"["

      • parameter3:右拼接,null:表示使用"]"

      • parameter4:分隔符,null:表示使用","

    • 例如,我们如何让上面的客户地区使用<>拼接,并使用;分隔,我们使用如下表达式:#{Selection|$COLLECTION$('["客户地区"]',"<",">",";")}

      PixPin_2025-07-30_14-18-56

      PixPin_2025-07-30_14-22-03