@karthikeayan wrote:
I have followed this doc "https://powerbi.microsoft.com/en-us/documentation/powerbi-developer-integrate-report-get-report" to integrate Power BI report into my web application.
All steps went fine, but finally in my iFrame, I am not seeing the Power Bi report, instead getting blinking Power BI icon.
Anyboy faced same kind of issue already?
@karthikeayan
What is the output in the browser console(F12, console tab)? I can embed a report without any issue, see a demo with below static HTML. Just replace the accesstoken and reportid with yours and save it in a .html file, then open it in Chrome.
<html>
<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 embedConfiguration = {
type: 'report',
accessToken: 'your access Token here',
embedUrl: 'https://app.powerbi.com/reportEmbed?reportId=yourReportIDhere'
};
var $reportContainer = $('#reportContainer');
var report = powerbi.embedNew($reportContainer.get(0), embedConfiguration);
}
</script>
<div id="reportContainer" ></div>
</html>
