PowerBi intégrer le tableau de bord en utilisant JavaScript

J'ai créé un tableau de bord dans PowerBi que je peux charger dans une page .cs en utilisant le projet exemple, mais j'aime essayer l'API JavaScript. J'ai essayé d'utiliser le projet [GitHub Sample Project https://github.com/Microsoft/PowerBI-JavaScript] Mais je reçois une erreur sur les modèles est-il une autre fonction que j'utiliserais? Je belive que j'ai tout de la bibliothèque js installée mais le tableau de bord ne chargé dans ma page htmlPowerBi intégrer le tableau de bord en utilisant JavaScript

<!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 >

Source

2017-09-21 Mcdevitt

Quel est l'erreur? –

Impossible d'obtenir la propriété 'modèles' de référence non définie ou nulle – Mcdevitt

Je suppose que vous avez probablement ce code dans le projet de démonstration, cependant, en regardant dans la communauté Power BI cela ressemble à un problème d'adresse, le code de démo peut essayer d'accéder une adresse Microsoft interne, ce que je vous suggère d'essayer est de télécharger le code Git et de l'utiliser comme le dit la page git et pas comme la démo. Regardez cette référence, un gars a le même problème que vous: http://community.powerbi.com/t5/Developer/PowerBI-Client-2-0-beta-testing/td-p/51504 –

Vous pouvez essayer ce code pour afficher le tableau de bord PowerBI utilisant Javascript. Tout, vous aurez besoin d'un jeton d'accès valide et 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>

Source

2017-09-26 20:13:47 Yash

Salut @Yash -I J'ai essayé votre code mais je reçois toujours une erreur sur les modèles non définis. https://raw.githubusercontent.com/Microsoft/PowerBI- JavaScript/maître/dist/powerbi.js a été bloqué en raison de type MIME non-concordance dashboard.html SCRIPT5007: Impossible d'obtenir la propriété 'modèles' undefined ou null référence tableau de bord.html (13,9) – Mcdevitt

PowerBi intégrer le tableau de bord en utilisant JavaScript

Répondre

Questions connexes