The ultimate Fabric, Power BI, SQL, and AI community-led learning event. Save €200 with code FABCOMM.
Get registeredEnhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.
Hey guys,
I have a requirement for extracting a visual from Power BI Report which I need to embed in a web page,
we have tried using Iframe links but we are not able to target specific visuals through Iframe,
We have also tried using javascript power bi client library(ps : here's the link to the same Page class | Microsoft Learn) but we are not able to get authorised correctly even with service principal Entra Token we use for power BI Rest API.
Please let me know if something's possible in this regards
Regards
Solved! Go to Solution.
Thank you for reaching out to Microsoft Fabric Community.
Yes, you can embed a specific visual from a Power BI report into a webpage using the Power BI JavaScript Client SDK. Here's the general approach:
Use Power BI JavaScript SDK - It lets you embed and control reports dynamically in a web page.
Target a Specific Visual - After embedding the report, you can access the visuals on a specific page via getPages() --> getVisuals() and programmatically focus or interact with a specific visual by its name or title.
Use Bookmarks (Optional) – If you want to show only one visual cleanly, create a bookmark in Power BI Desktop that hides everything else and apply it via SDK.
Authentication - Ensure correct token generation:
Use Service Principal with proper Power BI workspace access (Premium required)
Here are few Limitations:
1.Power BI doesn’t natively allow embedding a single visual directly. Instead, you embed the whole report and either:
If this post helps, then please consider Accepting as solution to help the other members find it more quickly.
Thank you.
Thank you for reaching out to Microsoft Fabric Community.
Yes, you can embed a specific visual from a Power BI report into a webpage using the Power BI JavaScript Client SDK. Here's the general approach:
Use Power BI JavaScript SDK - It lets you embed and control reports dynamically in a web page.
Target a Specific Visual - After embedding the report, you can access the visuals on a specific page via getPages() --> getVisuals() and programmatically focus or interact with a specific visual by its name or title.
Use Bookmarks (Optional) – If you want to show only one visual cleanly, create a bookmark in Power BI Desktop that hides everything else and apply it via SDK.
Authentication - Ensure correct token generation:
Use Service Principal with proper Power BI workspace access (Premium required)
Here are few Limitations:
1.Power BI doesn’t natively allow embedding a single visual directly. Instead, you embed the whole report and either:
If this post helps, then please consider Accepting as solution to help the other members find it more quickly.
Thank you.
User | Count |
---|---|
5 | |
5 | |
2 | |
2 | |
2 |
User | Count |
---|---|
10 | |
7 | |
4 | |
4 | |
4 |