2014-01-11 285 views
7

我是一名尝试将Tableau可视化内容嵌入到我的网页中的初学者,因此无论何时单击链接,都会在页面上呈现可视化效果。但浏览器会在tableauSoftware对象上加载一个错误。我怎样才能初始化这个对象?如何使用Tableau JavaScript API将Tableau嵌入到网页中?

我使用的Tableau服务器试用版

<html> 
    <head> 
     <script type='text/javascript' src='http://localhost:85/javascripts/api/viz_v1.js'></script> 
     <script> 
      function initializeViz() { 
       var placeholderDiv = document.getElementById("tableauViz"); 
       var url2 = "http://localhost:85/views/test_page/Sheet1?:embed=y&:display_count=no"; 
       viz = new tableauSoftware.Viz(placeholderDiv, url2); 
      } 
     </script> 
    </head> 

    <body> 
     <a href="#" onclick="$('#tableauViz').html(''); initializeViz()">visualize</a> 

     <div class id ="tableauViz"></div> 
    </body> 
</html> 

我得到这个错误:

Enter image description here

+1

很好的问题! –

回答

5

我没有我的笔记本电脑的手,以确认应该使用哪个脚本在本地Tableau Server安装上,但尝试使用Tableau Public脚本(根据JavaScript API Tutorial),看看是否有任何更改:

<script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/tableau_v8.js"></script> 

现在已经检查了我自己的本地服务器的Tableau安装,你需要的脚本是这样的一个:

<script type="text/javascript" src="http://localhost:85/javascripts/api/tableau_v8.js"></script> 
+0

效果很好,谢谢! – ArchieTiger