如何使用tableau JavaScript API将Tableau嵌入到网页中?

Arc*_*ger 8 javascript tableau-api

我是一个初学者,试图将Tableau可视化嵌入到我的网页中,这样无论何时点击链接,都会在页面上呈现可视化.但浏览器加载tableauSoftware对象时出错.我该如何初始化这个对象?

我正在使用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>
Run Code Online (Sandbox Code Playgroud)

我收到此错误:

在此输入图像描述

Tal*_*lin 5

我没有笔记本电脑来确认应该在本地Tableau Server安装上使用哪个脚本,而是尝试使用Tableau Public脚本(根据JavaScript API教程)并查看是否有任何更改:

<script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/tableau_v8.js"></script>  
Run Code Online (Sandbox Code Playgroud)

现在已经检查了我自己的本地Tableau Server安装,您需要的脚本是这样的:

<script type="text/javascript" src="http://localhost:85/javascripts/api/tableau_v8.js"></script>
Run Code Online (Sandbox Code Playgroud)