weathermap 0.97b - overlibgraph graphs a little blurry

[esathler]

Hi Folks,

I was running the an old version, 0.95b, and decided
to try the new 0.97b ... I am running this under cacti 0.8.8a
with php 5.3.17 and rrdtool 1.4.7

The maps are fine, the problem is with the pop-up graph (overlibgraph)
... the graph image seems a little blurry.

It is odd, because I would think that it is related to rrdtool ...
but the graphs inside cacti itself are normal, in both cases ...
I can reproduce it easily, as soon as I switch to the new version of
weathermap I see the blurry little graph pop-up image and if I go
back to 0.95 then it is fine again.

Attached is the images of the pop-ups .. the top image is from
weathermap 0.95 and the bottom image is from 0.97a ... you can see
that the bottom one is blurry (it is subtle on the graphs and a little more
visible on the legend) ... it is very odd.

From the tests I made it seems to be related to overlibgraph, since I pointed
the cacti with the new version 0.97 to pull the image from a cacti without it ...
and it was blurry, so it seems to be something related to the way overlibgraph
is working.

I can try any suggestions since I have this installed in my lab machine.

thanks in advance.
-Ed

tech support info:
-----------------
Date Wed, 05 Jun 2013 14:05:32 -0300
Cacti Version 0.8.8a
Cacti OS unix
SNMP Version NET-SNMP version: 5.7.1
RRDTool Version RRDTool 1.4.x
Hosts 73
Graphs 2168
Data Sources Script/Command: 7
SNMP: 295
SNMP Query: 1677
Total: 1979
Poller Information
Interval 300
Type SPINE 0.8.8 Copyright 2002-2012 by The Cacti Group
Items Action[0]: 4342
Action[1]: 7
Total: 4349
Concurrent Processes 8
Max Threads 1
PHP Servers 1
Script Timeout 25
Max OID 20
Last Run Statistics Time:25.8405 Method:spine Processes:8 Threads:1 Hosts:73 HostsPerProcess:10 DataSources:4349 RRDsProcessed:1642

[Howie]

Did you specify an OVERLIBWIDTH and OVERLIBHEIGHT? Are they correct? Exactly correct?

Your browser will scale the image to the size you specify, so being 1 pixel out will cause blurry issues. I didn't think that had changed between 0.95b and now though.

[Howie]

Aha - it was in svn r255: "img tags in overlibgraph will use width/height if poss."

Between 0.95b and 0.96a.

[esathler]

Did you specify an OVERLIBWIDTH and OVERLIBHEIGHT? Are they correct? Exactly correct?

Thanks Howie!

If I remove the parameters:
OVERLIBWIDTH 598
OVERLIBHEIGHT 210

then the graph is fine - it first opens a tiny window and then it explodes to the full one with the graph...

I tried to add 5 to each number above and it would blurr it again ... I guess I have to figure it out the exact size if I want to first open the window in the proper size.

thanks,
-Ed

[esathler]

Did you specify an OVERLIBWIDTH and OVERLIBHEIGHT? Are they correct? Exactly correct?

Your browser will scale the image to the size you specify, so being 1 pixel out will cause blurry issues. I didn't think that had changed between 0.95b and now though.

Howie, sorry to bother you... do you happen to know the default value that the graph will be so I can specify that ?

I did not think that would be the issue since in the past when I did specify a large value for that, the graph would not change in size, ie, it would not scale I think ... so I did not think these parameters would be the cause ...

[Howie]

Yep - since that revision, it adds WIDTH= and HEIGHT= attributes on the HTML <img> tag. If the values aren't right, the browser will scale to fit. I think this was so that if you had NOTES defined, the layout didn't freak out because the browser didn't know the image size until it had loaded.

Easiest way is to just paste the OVERLIBGRAPH URL into a web browser. Usually the top title bar of the window will say something like "blah.png 300x200 PNG".

[esathler]

Yep - since that revision, it adds WIDTH= and HEIGHT= attributes on the HTML <img> tag. If the values aren't right, the browser will scale to fit. I think this was so that if you had NOTES defined, the layout didn't freak out because the browser didn't know the image size until it had loaded.

Easiest way is to just paste the OVERLIBGRAPH URL into a web browser. Usually the top title bar of the window will say something like "blah.png 300x200 PNG".

Yep! that was easy ...

It is 603x210

I almost got the right number ... hehehe

thanks Howie!