Tableau JavaScript API
- 版本 :2022.1 及更高版本
使用 Tableau JavaScript API 将 Tableau 可视化集成到您自己的 Web 应用程序中。
以下是您可以使用 JavaScript API 执行的一些操作:
在网页中显示来自Tableau Server 、Tableau Public 和 Tableau Online 的可视化。
动态加载和调整可视化大小。
使用页面中的 HTML 控件过滤可视化中显示的数据。
在可视化中选择标记。
响应可视化中的事件。
将可视化导出到图像或 PDF 文件。
有关 JavaScript API 最新功能的信息,请参阅 JavaScript API 中的新增功能。
开始使用
创建一个网页并包含来自 Tableau Server 的 JavaScript API 文件,该文件用于托管您的可视化效果:
script src="https://YOUR-SERVER/javascripts/api/tableau-2.min.js">script>
在要插入 Tableau 可视化的页面中创建一个
div
元素:body
div id="vizContainer">div>
在 JavaScript 文件中编写一个函数来显示可视化效果:
function initViz() { var containerDiv = document.getElementById("vizContainer"),
url = "https://YOUR-SERVER/views/YOUR-VISUALIZATION"; var viz = new tableau.Viz(containerDiv, url);
}页面加载完成后调用该函数:
initViz();
结果如下。要查看完整的代码示例,请参阅基本嵌入。