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
Can embedded visuals be responsive? If not responsive, can they be sized to fit their destination div element on page load?
Setting the height to 100 in the config object does make my column chart fit into its container width-ways but there is an ugly grey 80px gap above it, pushing the graphic down. But it doesn't help my card visual, which has both font-size and padding issues.
The Sample Visual demo is responsive. So can someone tell me how to do this please? https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html#
As the doc told,
"
width and height: Optional parameters. If not provided, div element width and height will be used.
"
please try to use the div element instead.
For the Demo code, you could check it within the code pane:
For the Div element, press F12 to check the div details:
Regards,
Michael
Check out the November 2025 Power BI update to learn about new features.
Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!
| User | Count |
|---|---|
| 4 | |
| 2 | |
| 2 | |
| 1 | |
| 1 |
| User | Count |
|---|---|
| 10 | |
| 10 | |
| 4 | |
| 3 | |
| 3 |