Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
Register now!The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more
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>
Hi @guillaumevi,
A little weird! I just verified the code above. And it just works all fine for me without any issue(the report renders successfully).
As there is no any error for troubleshooting, I would suggest you use fiddler to investigate further. ![]()
Reference: https://docs.microsoft.com/en-us/power-bi/developer/embedded-troubleshoot
Regards
Hi @v-ljerr-msft thanks for your quick reply !
I looked at it, this is very weird, I get a "307 Internal Redirect" feedback from the https://app.powerbi.com/reportEmbed
Any idea why ?
Further investigation led to test with IE.... and it worked perfectly, subsequent analysis is that the issue stands with Chrome, any idea on a way to solve this as we have to support especially Chrome ?
The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!
| User | Count |
|---|---|
| 4 | |
| 3 | |
| 2 | |
| 1 | |
| 1 |
| User | Count |
|---|---|
| 4 | |
| 4 | |
| 4 | |
| 3 | |
| 3 |