Hello all,
I am trying to embed a PBI report using the JS embedding library, below is the code I am using.
My issue is that the report is not rendering at all (NB. Iframe is properly created by the library) and I got no error either ...
To get the AD Token i followed the steps describe here (Power-BI-Rest-Api-with-the-ADAL-JS-library)
What am I missing ?
<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/jquery/dist/jquery.js"></script>
<script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/powerbi-client/dist/powerbi.js"></script>
<script type="text/javascript">
window.onload = function () {
var clientname = ["powerbi"];
// Read embed application token from Model
var accessToken = "ey...gw";
// Read embed URL from Model
var embedUrl = "https://app.powerbi.com/reportEmbed?reportId=1c6a04eb-XXXX&groupId=120870e4-BBBB";
// Read report Id from Model
var embedReportId = "1c6a04eb-XXXX";
// Get models. models contains enums that can be used.
var models = window['powerbi-client'].models;
var embedConfiguration = {
type: 'report',
tokenType: models.TokenType.Aad,
accessToken: accessToken,
embedUrl: embedUrl,
id: embedReportId,
permissions: models.Permissions.All,
settings: {
//filterPaneEnabled: true,
navContentPaneEnabled: true
}
};
var $reportContainer = $('#reportContainer');
var report = powerbi.embed($reportContainer.get(0), embedConfiguration);
}
</script>
<div id="reportContainer" powerbi-settings-nav-content-pane-enabled="true" powerbi-settings-filter-pane-enabled="true"></div>
</html>
</div>
