tencent cloud

腾讯云 BI

产品简介
产品概述
产品优势
产品功能
应用场景
购买指南
计费说明
购买指引
升配说明
续费说明
快速入门
数据接入
创建 VPC 数据源
创建云数据源
创建自有数据源
数据建表和数据加工
数据分析基础知识介绍
数据建表
数据加工
数据分析
分析设置
交互分析
即席分析
数据可视化
公共样式设置说明
筛选组件
图表组件
富文本组件
其他组件
移动端布局编辑器
主题设置介绍
页面布局介绍
看板目录管理
协作及应用
推送渠道管理
报表推送
分享
嵌出
自助取数
指标告警
数据安全
参数构建
平台管理
账号及权限管理
统计及分析
系统设置
资源迁移
实践教程
优化实践合集
如何做趋势分析
如何做占比分析
如何使用 Excel 文件分析数据
如何做表格
常见问题
相关协议
服务等级协议
隐私协议
数据处理和安全协议
联系我们

URL 页面参数构建

PDF
聚焦模式
字号
最后更新时间: 2025-09-19 15:24:44
在分享或者嵌出场景中,用户打开一个页面,我们希望能默认对数据进行筛选,如仅展现本部门的数据; 腾讯云 BI 通过在 URL 中加入参数,用参数和页面组件进行数据交互。

前置条件:
本文仅介绍 url 中的参数构建,如需了解完整过程,请阅读分享页面嵌出相关文档。

通过本文档,您将了解:
如何构建单个参数
如何构建多个参数


单个参数构建

1. 获取参数名:通过页面参数功能,获得参数名;





如上图,我们获得“type”参数名。

2. 组装参数体:使用以下格式,组装需要传递的参数;
/* 格式 */
value=${参数值}&target=${参数名称}

/* 例如,下面的例子,相当于 province=上海市 */
value=上海市&target=province
3. url 转码
在无编码环境下,也可以简单的以下面的格式处理:
/* 格式 */
params[]=value=${参数值}%26target%3D${参数名}

/* 例如,下面的例子,相当于 province=上海市 */
params[]=value=上海市%26target%3Dprovince
大部分浏览器支持中文转码,如无法自动转码,可自行搜索在线urlEncode工具进行转码:



如使用代码批量生成链接,可使用encodeURIComponent方法对参数体进行编码:
//encodeURIComponent 为url格式转换函数

const str1 = `value=上海市&target=province`
const paramsStr1 = `params[]=${encodeURIComponent(str1)}`
4. 参数多值的处理:如一个参数有多个值,则可以使用","分割不同的值。
/* 例如,下面的例子,相当于 province=上海市 或 广东 或 陕西 */
params[]=value=上海市,广东,陕西%26target%3Dprovince

多个参数构建

在需要传多个参数时,只需要在单个的基础上,按照如下格式构建即可:
/* 格式 */
params[]=value=${参数值}%26target%3D${参数1}&params[]=value=${参数值}%26target%3D${参数2}

/* 例如,下面的例子,相当于 province=上海市 & department=运营部 */
params[]=value=上海市%26target%3Dprovince&params[]=value=运营部%26target%3Ddepartment




帮助和支持

本页内容是否解决了您的问题?

填写满意度调查问卷,共创更好文档体验。

文档反馈