为视图编写嵌入代码
- 版本 :2022.1 及更高版本
适用于: Tableau Online, Tableau Server
如果您要编写您自己的嵌入代码,则可采用以下两种方法之一:
使用 Tableau JavaScript:这是首选方法。使用 Tableau 生成的嵌入代码作为自己代码的起点,然后添加或编辑用于控制工具栏、选项卡等的对象参数。依赖于 Tableau JavaScript 文件的默认嵌入代码也是控制多个嵌入视图的加载顺序的唯一方法。
指定视图 URL:使用 iframe 或 image 标记嵌入视图,其中的源是您在视图上单击“共享”并随后单击“复制连接”时获得的 URL。如果您无法在网站上使用 JavaScript,则可能需要这样做。还可能会有您仅指定了 URL 的情况。
在嵌入视图时,您应定义显示视图时将采用的宽度和高度。否则,客户端浏览器将会随意选取宽度和高度。
注意: 如果您需要在嵌入代码中为 Tableau Online 指定服务器名称(举例来说,用于指向 JavaScript API 的位置),请使用 URL https://online.tableau.com。
使用 Tableau JavaScript
以下代码显示当您在已发布的视图上单击“共享”时生成的嵌入代码的示例。host_url
参数中的特殊字符是 URL 编码的,而 site_root
和 name
参数中的特殊字符被表示为 HTML 数字字符引用。
Tableau Server 示例:
Tableau Online 示例: