topic Re: PowerBI embed JS not rendering in Developer

PowerBI embed JS not rendering

guillaumevi — Wed, 07 Mar 2018 20:27:02 GMT

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>

Re: PowerBI embed JS not rendering

v-ljerr-msft — Thu, 08 Mar 2018 08:50:13 GMT

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

Re: PowerBI embed JS not rendering

guillaumevi — Thu, 08 Mar 2018 11:41:08 GMT

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 ?

Re: PowerBI embed JS not rendering

guillaumevi — Thu, 08 Mar 2018 15:41:41 GMT

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 ?