内容:

为视图编写嵌入代码

  • 版本 :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_rootname 参数中的特殊字符被表示为 HTML 数字字符引用。

Tableau Server 示例:

 


Tableau Online 示例: