当我将 Tableau 示例中的 URL 更改为另一个 URL 时，为什么我的代码会中断？

Question

当我将 Tableau 示例中的 URL 更改为 https://help.tableau.com/current/api/js_api/en-us/JavaScriptAPI/js_api_sample_basic_embed.htm 到下面 URL？ https://public.tableau.com/profile/david.walls2745#!/vizhome/OlderWorkers_15998328862500/Dashboard1

即。这有效：

  ```
<!DOCTYPE html>
<html>
<head>
 <title>Basic Embed</title>
 <script type="text/javascript"
        src="https://public.tableau.com/javascripts/api/tableau-2.min.js"></script>
 <script type="text/javascript">    
 function initViz(){var containerDiv = document.getElementById("vizContainer"),
 url = "http://public.tableau.com/views/RegionalSampleWorkbook/Storms",
 options = {hideTabs: true, onFirstInteractive: function(){console.log("Run this code when the
 viz has finished loading."); } }; var viz = new tableau.Viz(containerDiv, url, options);}
 </script>
</head>
<body onload="initViz();">
    <div id="vizContainer" style="width:800px; height:700px;"></div>
</body>
</html>
  ```

而这不是：

  ```
<!DOCTYPE html>
<html>
<head>
  <title>Basic Embed</title>
  <script type="text/javascript"
        src="https://public.tableau.com/javascripts/api/tableau-2.min.js"></script>
  <script type="text/javascript">
  function initViz() {var containerDiv = document.getElementById("vizContainer"),
  url ="https://public.tableau.com/profile/david.walls2745#!/vizhome/OlderWorkers_15998328862500/Dashboard1",
  options = { hideTabs: true, onFirstInteractive:function(){console.log("Run this code when 
  the viz has finished loading."); } };var viz = new tableau.Viz(containerDiv, url, options);}
  </script>
</head>
<body onload="initViz();">
    <div id="vizContainer" style="width:800px; height:700px;"></div>
</body>
</html>
  ```

Answer 1

嵌入时您需要的 URL 格式与您在浏览器地址栏中看到的格式不同。您应该为该可视化使用的 URL 是 https://public.tableau.com/views/OlderWorkers_15998328862500/Dashboard1。您可以通过从“共享”按钮复制 link 来获得此 URL。

当我将 Tableau 示例中的 URL 更改为另一个 URL 时，为什么我的代码会中断？

Why does my code break when I change the URL in the Tableau sample to another URL?

html

javascript

url

tableau-api