2 Replies Latest reply on Jun 21, 2018 10:26 PM by Yusuke Miyamura

    html上でtableauダッシュボードの一部シートを更新する方法について

    Yusuke Miyamura

      html上でシート別に更新スピードを変えて表示したいと考えています。

      下記のようにダッシュボード全体を更新することはできたんですが、シートのみ更新はjavascriptが初習ということもありよくわからないので、なにかヒントでもいいのでアドバイスいただけるとうれしいです。よろしくおねがいします。

       

      <!DOCTYPE html>

       

      <html lang="en">

       

        <head>

       

        <title>Tableau JavaScript API</title>

       

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

       

        </head>

       

        <body>

       

        <div id="tableauViz"></div>

       

       

       

      <script type='text/javascript'>

       

      var placeholderDiv = document.getElementById("tableauViz");

       

        var url = "       ";

       

        var options = {

       

          hideTabs: true,

       

          width: "100%",

       

          height: "1000px"

       

        };

       

        var viz = new tableauSoftware.Viz(placeholderDiv,url, options);

       

       

          setInterval(function () {viz.refreshDataAsync() }, 5000);

       

       

       

      </script>

       

      </body>

       

      </html>

        • 1. Re: html上でtableauダッシュボードの一部シートを更新する方法について
          Naoya Urata

          ある一つのダッシュボードに含まれている各シートの更新タイミングをずらしたい、とのことかと思いますがストレートには出来ないと思われます。

          もし工夫してやろうとするならば、各シートを個別に読み込む設定にするしか無いと思います。

          ただし、その場合は各シートを連動させてフィルターをかけたり、といったことはできなくなります。

           

          ※下記のスクリプトを、ダッシュボード全体に対して一つではなく、各シートごとに個別に記述するイメージ。

          ~~~~~

          <div id="tableauViz"></div>

           

           

           

          <script type='text/javascript'>

           

          var placeholderDiv = document.getElementById("tableauViz");

           

            var url = "       ";

           

            var options = {

           

              hideTabs: true,

           

              width: "100%",

           

              height: "1000px"

           

            };

           

            var viz = new tableauSoftware.Viz(placeholderDiv,url, options);

           

           

              setInterval(function () {viz.refreshDataAsync() }, 5000);

           

           

           

          </script>

          ~~~~~~

          • 2. Re: html上でtableauダッシュボードの一部シートを更新する方法について
            Yusuke Miyamura

            返信ありがとうございます。

             

            そうですよね。APIにもVIZクラスのリフレッシュメソッドしかなかったので難しいかなとは思っていました。

            切り分けて表示させる方向で考えて見ます。