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

javascript tableau-api
ArchieTiger picture ArchieTiger · Jan 12, 2014 · Viewed 17k times · Source

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

Answer

Talvalin picture Talvalin · Jan 12, 2014

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>

Related questions

How can I remove a specific item from an array?

I have an array of numbers and I'm using the .push() method to add elements to it. Is there a simple way to remove a specific element from an array? I'm looking for the equivalent of something like: array.remove(…

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More
How to check whether a string contains a substring in JavaScript?

Usually I would expect a String.contains() method, but there doesn't seem to be one. What is a reasonable way to check for this?

Read More