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

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

  •  27-09-2022
  •  | 
  •  

Question

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

Was it helpful?

Solution

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>
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top