topic Re: Resize ggplot based custom visual in Custom Visuals Development Discussion

Resize ggplot based custom visual

shailendrakr — Sun, 27 Sep 2020 17:45:41 GMT

Hello,

I built a custom visual using ggplot in R, following the instructions from here: https://docs.microsoft.com/en-us/power-bi/developer/visuals/funnel-plot-from-r The visual shows up on PowerBI but is extremely big. When I resize the visual, the visual gets cut off - it does not become smaller to fit the space that is available.

What am i doing wrong?

I am using ggplot on R 4.x, and PowerBI desktop Version: 2.85.681.0 64-bit (September 2020)

Re: Resize ggplot based custom visual

sogrbilja — Sat, 11 Mar 2023 06:56:30 GMT

I have the exact same problem here. When the script is run directly on the PowerBI desktop then it works. But when I pack it with pbiviz then it is not showing properly. Hopefully, someone will answer this soon. Thanks

Re: Resize ggplot based custom visual

sogrbilja — Sun, 12 Mar 2023 01:25:53 GMT

I found a solution to this. In the src folder you will find the visual.ts file, open it and in the constructor comment out :

//this.imageElement.className = "rcv_autoScaleImage";

and change onResizing to look like this:

public onResizing(finalViewport: IViewport😞 void {

this.imageDiv.style.height = finalViewport.height + "px";

this.imageDiv.style.width = finalViewport.width + "px";

this.imageElement.style.height = finalViewport.height + "px";

this.imageElement.style.width = finalViewport.width + "px";

}

Because it is actually outputting an image and CSS is not good so we have to change it. Now my R visual is perfect again!