JavaScriptを使用したPowerBi埋め込みダッシュボード

サンプルプロジェクトを使用して.csページにロードできるダッシュボードをPowerBiで作成しましたが、JavaScript APIを試してみたいと思います。私はプロジェクト[GitHubサンプルプロジェクトhttps://github.com/Microsoft/PowerBI-JavaScript]を使用してみましたが、私が使用している別の機能は、モデルについてのエラーを取得していますか？私は私がインストールJSライブラリのすべてを持っていますが、JavaScriptを使用したPowerBi埋め込みダッシュボード

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.js"></script> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.js"></script> 
    <script src="scripts/step_interact.js"></script> 
    <script src="scripts/step_embed.js"></script> 
    <script src="scripts/step_authorize.js"></script> 
    <script src="/bower_components/powerbi-client/dist/powerbi.js"></script> 
    <script> 

    $(document).ready(function() { 

     // Get models. models contains enums that can be used. 
     var models = window['powerbi-client'].models; 

     var embedConfiguration = { 
      type: 'dashboard', 
      id: 'dashboardID', 
      embedUrl: 'https://app.powerbi.com/reportEmbed', 
      tokenType: models.TokenType.Aad, 
      accessToken: 'TokenString' 
     }; 

     var $dashboardContainer = $('#embedContainer'); 
     var dashboard = powerbi.embed($dashboardContainer.get(0), embedConfiguration); 
    }); 

    </script> 
    </head > 
      <body> 
       <div id="embedContainer"></div>   
</body > 
</html >

出典

2017-09-21 Mcdevitt

いただきましたエラーはありますか？ –

未定義またはヌル参照のプロパティ 'モデル'を取得できません – Mcdevitt

デモプロジェクトでこのコードを取得している可能性がありますが、Power BIコミュニティではこれがアドレス問題のように見えますが、デモコードはアクセスしようとしている可能性があります内部のMicrosoftアドレスで、私が試してみるべきことは、Gitコードをダウンロードし、gitページのように使用することです。デモがやっているようではありません。この参照を見て、男はあなたと同じ問題があります：http://community.powerbi.com/t5/Developer/PowerBI-Client-2-0-beta-testing/td-p/51504 –

あなたはJavascriptを使用してPowerBIダッシュボードを表示するため、このコードを試すことができますダッシュボードは私のhtmlページにロードされないであろうことを信じて。すべて、有効なアクセストークンとdashboardIdが必要です。

<html> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 
 
    <script src="https://raw.githubusercontent.com/Microsoft/PowerBI-JavaScript/master/dist/powerbi.js"></script> 
 
    <script type="text/javascript"> 
 
      window.onload = function() { 
 
      var models = window['powerbi-client'].models; 
 
      var embedConfiguration = { 
 
       type: 'dashboard', 
 
       accessToken: {{access token}}, 
 
       embedUrl: 'https://app.powerbi.com/dashboardEmbed?dashboardId={{dashboard id})' 
 
      }; 
 

 
      var $reportContainer = $('#dashboardContainer'); 
 
      var report = powerbi.embed($reportContainer.get(0), embedConfiguration); 
 

 
     } 
 
    </script> 
 
    <div id="dashboardContainer"></div> 
 
</html>

出典

2017-09-26 20:13:47 Yash

こんにちは@Yash -Iあなたのコードを試しましたが、まだ未定義のモデルについてはエラーが発生しています。 https://raw.githubusercontent.com/Microsoft/PowerBI- のJavaScript /マスター/ DIST/powerbi.jsが原因MIMEタイプにブロックされた不一致 dashboard.html SCRIPT5007：未定義のプロパティ 'モデル' を取得できませんかnull 参照 dashboard.html（13,9） – Mcdevitt

JavaScriptを使用したPowerBi埋め込みダッシュボード

答えて

関連する問題