Need help with web viewer

[Bert Langan]

I'm pulling my hair out over this, when my screen initializes the web viewer that I use to display a chart is all zoomed in and only shows the top left corner of the chart. As soon as I reload the chart it displays as the proper size. I've googled this, watched all sorts of YouTube videos, tried adding a delay before loading the chart, but I'm stuck. Any help would be greatly appreciated.

[Bert Langan]

Here's the screenshots

https://imgur.com/a/5rMrymv

[Evan Patton]

Hi Bert,

Have you tried setting a meta viewport tag to scale the page to s preset value?

Regards,

Evan

[TimAI2]

What are you using to generate the chart?

[Bert Langan]

I'm using google charts so unfortunately I don't have access to edit the css/html of the page that is being displayed.

[Bert Langan]

I'm using the chart maker extension which displays a google chart in a webviewer based on input from the user.
https://github.com/MillsCS215AppInventorProj/chartmaker

[TimAI2]

"I'm using the chart maker extension"

Ahh, that could be your problem.

See Here:

https://groups.google.com/forum/#!category-topic/mitappinventortest/fx1Lc2fh_i4

[Bert Langan]

You could be right.  Thank you for the link...I'll look in to other options but I really get the feeling that the issue is with how the webviewer renders on initialization vs. how the chart maker extension is working.  It seems as though the webviewer loads the chart proportionally as it would if the webviewer component took up the full screen.  Once it reloads everything works fine and the proportion looks great (see screenshots above).

[TimAI2]

Have you tried loading it twice, first time with webviewer not visible?

[Bert Langan]

I did try that to no avail, but I'm happy to report that I got it to work by placing it in a vertical arrangement with a fixed height.