2017-09-19 3 views
0

Je souhaite intégrer mon tableau de bord PowerBi dans un fichier HTML en utilisant JavaScript à partir de l'exemple de code this GitHub. L'erreur que je reçois est:Tableau de bord JavaScript PowerBi embedConfiguration

Impossible d'obtenir la propriété des « modèles » de référence non définie ou null

Suis-je manque un fichier .js qui doit être ajouté à la section de tête?

<!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> 
    $(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: 'TokenKey' 
     }; 
     var $dashboardContainer = $('#embedContainer'); 
     var dashboard = powerbi.embed($dashboardContainer.get(0), embedConfiguration); 
     }); 
    </script> 
</head > 
    <body> 
    <div id="dashboardContainer"></div> 
    </body > 
</html > 
+0

Avez-vous essayé d'inclure la bibliothèque de PowerBi? Après cela, je pense que vous pourriez avoir besoin de d3. aussi – Alberto

Répondre

0

Vous devez inclure ECMAScript 6 (ES6):

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.js"></script> 

Vous aurez également besoin de charger la bibliothèque PowerBi réelle, ainsi que tous les fichiers JS nécessaires, car il ne semble pas que vous le font déjà, du moins dans le code que vous avez fourni.

Vous affectez également à la variable $dashboardContainer la valeur $('#embedContainer') qui n'est pas un élément du code HTML fourni. Vous avez utilisé le ID de #dashboardContainer dans votre code HTML.

+0

Est-ce la bibliothèque PowerBi [site github] (https://github.com/Microsoft/PowerBI-JavaScript) ai-je besoin des fichiers dans la démo v2/scripts /? – Mcdevitt

0

Vous pouvez essayer avec

<script src="https://raw.githubusercontent.com/Microsoft/PowerBI-JavaScript/master/dist/powerbi.js"></script>

+0

J'ai essayé l'API raw.githubusercontent mais je reçois toujours le SCRIPT5009: 'models' n'est pas défini, est-ce la bonne façon d'appeler l'API. var embedConfiguration = {type : 'tableau de bord', id: 'DashboardID', embedUrl: 'https://app.powerbi.com/dashboardEmbed', TokenType: models.TokenType.Aad, accessToken: 'TokenKey' }; var $ dashboardContainer = $ ('# embedContainer'); var tableau de bord = powerbi.embed ($ dashboardContainer.get (0), embedConfiguration); – Mcdevitt

+0

Vous pouvez vous référer à https://stackoverflow.com/a/46435033/6612255 @Mcdevitt – Yash