Back

Explore Courses Blog Tutorials Interview Questions

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

0 votes
2 views
in BI by (17.6k points)

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 

1 Answer

0 votes
by (47.2k points)

  • This script should be used on a local Tableau Server installation, but try the Tableau Public script (as per the JavaScript API Tutorial):

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

  • Check the  local Tableau Server installation, by running the following script:

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

Related questions

0 votes
1 answer
Tableau Javascript API HTTPS isn't working
asked Jul 18, 2019 in BI by Vaibhav Ameta (17.6k points)

Browse Categories

© COPYRIGHT 2011-2023 INTELLIPAAT.COM. ALL RIGHTS RESERVED.

Download Salary Trends Now !

Learn how professionals like you got up to 100% Salary Hike.

...