Page 1 of 1

Can't get pop up graphs to show larger

Posted: Sun 22 Dec 2019 5:36 am
by alexlc13
I just successfully added pop up graphs to my gauges page. Everything looks great! But I am having a problem with two things...and it must be something simple I'm missing.

My gauges are located here: http://calderonwx.com/weather/gauges.htm

Problem #1 - in the graphsettings.php, I increased the image sizes to 500 x 1000 pixels (which I might adjust later). When I hover over a gauge, the size is not larger. Yet all the images in my image directory (http://calderonwx.com/weather/images/) do show it larger.

Problem #2 - I went through the instructions to get the wind rose pop up to show the WindRose graphic by Mark Wittl. When I hover, it still shows the old wind direction plot. Yet, the windrose image is showing up in my image directory (http://calderonwx.com/weather/images/graphWindRose.php).

I'd appreciate any guidance!

-Alex

Re: Can't get pop up graphs to show larger

Posted: Sun 22 Dec 2019 10:37 am
by jimi
Try clearing your browser cache.

Re: Can't get pop up graphs to show larger

Posted: Sun 22 Dec 2019 1:54 pm
by mcrossley
Iirc the graph display size is controlled by CSS

Re: Can't get pop up graphs to show larger

Posted: Sun 22 Dec 2019 11:58 pm
by alexlc13
Thanks for pointing me in the right direction. I was able to get the larger graphs by tweaking the steelgauges CSS.

Any idea why my wind rose gauge is still showing the wind direction plot instead of the wind rose plot?

Re: Can't get pop up graphs to show larger

Posted: Mon 23 Dec 2019 12:47 pm
by mcrossley
You need to change gauges.js, line 227 to point to the updated graphic.

Code: Select all

                    (config.showRoseGauge ? 'windd.png' : null),    // Wind direction if Rose is enabled | =null if Rose is disabled

Re: Can't get pop up graphs to show larger

Posted: Mon 23 Dec 2019 11:34 pm
by alexlc13
Ahh, that's what I was missing. Thanks, Mark! I also figured out how to get it to show up as a square (Thanks to kokokaweather.com's example).