[Tableau Embedding]unnecessary scrollbar hide

 

Tableau Embed html

 

태블로 임베디드를 사용해서 페이지를 만들때, 아주 조그맣게 수직/수평 스크롤바가  생기는 경우가 있다.

더욱이 iframe으로 생성되는 태블로 창의 크기는 태블로 대시보드에서 수정을 해야하고, 이걸 수정한다고 해서  위의  스크롤바가 안생기는건 아니다.

 

 

---

 

 

How to Hide Scrollbar

 

방법은 간단하다.

    <script>

    function initViz() {
      var containerDiv = document.getElementById("vizContainer");
      options = {
          height:containerDiv.clientHeight,
          width:containerDiv.clientWidth,               
          hideTabs: true,
          hideToolbar: true
      };
    }

    var viz = new tableau.Viz(containerDiv, url, options);
    </script>


    <div id="vizContainer"></div>

 

이렇게 하면 <div id="vizContainer"></div> div안에 iframe이 생성될때의 사이즈 설정이 가능하다,

 

 

 

 

끝.