How to embed Tableau into a web page using the tableau JavaScript API?

StackOverflow https://stackoverflow.com/questions/21069424

  •  27-09-2022
  •  | 
  •  

문제

I'm a beginner trying to embed Tableau visualization into my web page, such that whenever the link is clicked, visualization is rendered on the page. But the browser loads with an error on the tableauSoftware object. How can I initialize this object?

I'm using the Tableau server trial version

<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>

I get this error:

Enter image description here

도움이 되었습니까?

해결책

I don't have my laptop to hand to confirm which script should be used on a local Tableau Server installation, but try the Tableau Public script (as per the JavaScript API Tutorial) and see if there's any change:

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

Having now checked my own local Tableau Server installation, the script you need is this one:

<script type="text/javascript" src="http://localhost:85/javascripts/api/tableau_v8.js"></script>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top