CODEWITHSUNDEEP
javascripthtmlpowerbipowerbi-desktoppowerbi-embedded
Joey
Joey

Reputation: 13

How to add PowerBI Sample Dashboard to static website

I am trying to add a sample PowerBi dashboard to a static website... the purpose is simply a design idea I want to present. I have attempted to embed the sample dashboard from "https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html# " I have used this in my html

<iframe width="800" height="600" src="https://app.powerbi.com/dashboardEmbed?dashboardId=b5f50796-6e97-4dc5-a755-00cf4405e029&groupId=be8908da-da25-452e-b220-163f52476cdd&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly9XQUJJLVVTLU5PUlRILUNFTlRSQUwtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQifQ%3d%3d?rs:Embed=true" frameborder="0" allowFullScreen="true"></iframe>

I am getting this error code

Is it possible to have a sample dashboard or is my idea simply not possible without other requirements being fullfilled?

Upvotes: 0

Views: 1494

Answers (1)

Malith Pamuditha Fernando
Malith Pamuditha Fernando

Reputation: 493

The new Embed option is available on the File menu for reports in the Power BI service.

enter image description here

Select the Embed option to open a dialog that provides a link and an HTML snippet that can be used to embed the report securely. You’ll need to use use your portal’s embed feature or edit the web page’s HTML to add the report.

enter image description here

Notes If you are using power bi desktop you need to publish report to power bi service.

Sample code for test!

<iframe width="800" height="600" src="https://app.powerbi.com/view?r=eyJrIjoiZjY3MmUwMDctYzQ2Yi00MjM2LTgxYzgtNThmODI2ZjE0ZmZjIiwidCI6ImRjZTZkMWZjLTc1NjctNDFjMy05OWZlLWRkNDhjNDgwYzAwMyIsImMiOjEwfQ%3D%3D" frameborder="0" allowFullScreen="true"></iframe>

Upvotes: 1

Related Questions