2017-03-01 19 views
1

javafript + htmlを使用して1つのTableauレポートをWebページに埋め込み、それを操作するボタンやバーを作成しようとしています。ローカルTableauレポートをHTMLに埋め込む方法

しかし、私は最初のステップで取り残されています。レポートを表示することです。

ここで最初の例を学んだ:http://onlinehelp.tableau.com/samples/en-us/js_api/tutorial.htm

この例はうまくいきます。 Webページに表示されたTableauレポートが表示され、すべてのボタン/コントロールが正常に動作しています。

は、だから私は以下のように、同じように私のレポートを表示するためには、JavaScriptの機能 initializeViz()に少し変更を加えた:

function initializeViz() {    
      var placeholderDiv = document.getElementById("tableauViz"); 
      var url = "file://localhost/C:/reports/Resilience.twb"; 
      var options = { 
       width: placeholderDiv.offsetWidth, 
       height: placeholderDiv.offsetHeight * 20, 
       hideTabs: true, 
       hideToolbar: true, 
       onFirstInteractive: function() { 
        workbook = viz.getWorkbook(); 
        activeSheet = workbook.getActiveSheet(); 
       } 
      }; 

      viz = new tableau.Viz(placeholderDiv, url, options); 
     } 

上記の機能は何も表示されなくなります。私はローカルファイルのリンクfile://localhost/C:/reports/Resilience.twbを私のブラウザでチェックしています。

私は本当に混乱しています。私は最小限の変更だけを行い、ローカルファイルへのURLリンクは問題を引き起こす可能性がありますか?私を助けてください、任意のアイデアが評価されています。

答えて

2

パスの表現は正しいですか? C:/reports/Resilience.twbは存在しますが、localhostのパスは通常file:/// localhost:port/path /の形式であり、C:は私にとっては奇妙に見えます。スタートメニュー(Windowsの場合)から「実行」を使用し、「\ localhost」を入力してそこからナビゲートして完全なパスを見つけてください。

編集: 限り、私はyou cannot display a desktop dashboard file on a webpageを見ることができます。あなたは、それをtableauサーバに公開しなければなりません。だからあなたのURLは、ファイルではなくビューを指し示す必要があります。上記のように、トレーニングページのローカルコピーを作成し、varオプション(高さ)を修正し、チュートリアルビューでテストしました。もう1つはアクセス権があり、どちらの場合でも動作します。

は、このドキュメントを確認します。 http://onlinehelp.tableau.com/current/online/en-us/embed.htm

+0

私はパスをコピーして自分のブラウザのに貼り付けると、報告書は、リンクを介してダウンロードすることができます。だから私はそれが動作すると確信しています – ChangeMyName

+1

BishSは正しいです、JavaScript APIで、あなたはローカルファイルシステムに格納されているvizzesにアクセスすることはできません。このシナリオでは、サーバーが大量の作業を行うため、これらはTableau Server(Tableauパブリックになる可能性があります)から取得する必要があります。あなたができることはTableau Publicにブックを公開し(サーバーやオンラインがない場合)、公開されたビューのURLを使用することです。 – lbrendanl

関連する問題