Tableau JavaScript API

  • 版本 :2022.1 及更高版本

使用 Tableau JavaScript API 将 Tableau 可视化集成到您自己的 Web 应用程序中。

以下是您可以使用 JavaScript API 执行的一些操作:

  • 在网页中显示来自Tableau Server 、Tableau Public 和 Tableau Online 的可视化。

  • 动态加载和调整可视化大小。

  • 使用页面中的 HTML 控件过滤可视化中显示的数据。

  • 在可视化中选择标记。

  • 响应可视化中的事件。

  • 将可视化导出到图像或 PDF 文件。

有关 JavaScript API 最新功能的信息,请参阅 JavaScript API 中的新增功能。

开始使用

  1. 创建一个网页并包含来自 Tableau Server 的 JavaScript API 文件,该文件用于托管您的可视化效果:

    script src="https://YOUR-SERVER/javascripts/api/tableau-2.min.js">script>
  2. 在要插入 Tableau 可视化的页面中创建一个div元素:body

    div id="vizContainer">div>
  3. 在 JavaScript 文件中编写一个函数来显示可视化效果:

    function initViz() {    var containerDiv = document.getElementById("vizContainer"),
    url = "https://YOUR-SERVER/views/YOUR-VISUALIZATION"; var viz = new tableau.Viz(containerDiv, url);
    }
  4. 页面加载完成后调用该函数:

    initViz();

    结果如下。要查看完整的代码示例,请参阅基本嵌入。