1 Reply Latest reply on Apr 26, 2016 8:34 PM by Bill Lyons

    Removing toolbar from javascript api

    Stephen Cavallaro



      I am trying to embed a viz from tableau public to a web page using the javascript api. I'd like to completely remove the bottom toolbar. Any suggestions? Thanks.


      My code:


        <script type="text/javascript">

              function initViz() {

                  var containerDiv = document.getElementById("vizContainer"),

                      url = "https://public.tableau.com/views/Emas/EmasHospitalityAnalyticsDashboard?:embed=y&:display_count=no&:showTabs=no&:toolbar=no",

                      options = {

                          hideTabs: true,


                          onFirstInteractive: function () {

                              console.log("Run this code when the viz has finished loading.");




                  var viz = new tableau.Viz(containerDiv, url, options);





      <body onload="initViz();">

          <center><div id="vizContainer" style="width:1000px; height:700px; "></div></center>




      I want to remove this: