[SOLVED] Weathermap@cacti 1.2.17 - Tooltip flickering within top area

[cheffe]

Hello folks,

Thanks for your attention!

I have faced a strange behavior of the Tooltip for nodes above the middle of the map. Sometimes you can see the loading graph and then it starts flickering.

See animation attached down below.

When I move the nodes to the bottom of the map the tooltip including the graph have been shown correctly.

Any Idea?

Animation_WM.gif (402.76 KiB) Viewed 4659 times

Animation_WM2.gif (791.99 KiB) Viewed 4657 times

# Automatically generated by php-weathermap v0.98a

FONTDEFINE 100 docs/example/Vera.ttf 10

WIDTH 1440
HEIGHT 720
HTMLSTYLE overlib
KEYFONT 100
TITLE test
TIMEPOS 10 15 Created: %b %d %Y %H:%M:%S

KEYPOS DEFAULT -1 -1 Traffic Load
KEYTEXTCOLOR 0 0 0
KEYOUTLINECOLOR 0 0 0
KEYBGCOLOR 255 255 255
BGCOLOR 255 255 255
TITLECOLOR 0 0 0
TIMECOLOR 0 0 0
SCALE DEFAULT 0 0 192 192 192
SCALE DEFAULT 0 1 255 255 255
SCALE DEFAULT 1 10 140 0 255
SCALE DEFAULT 10 25 32 32 255
SCALE DEFAULT 25 40 0 192 255
SCALE DEFAULT 40 55 0 240 0
SCALE DEFAULT 55 70 240 240 0
SCALE DEFAULT 70 85 255 192 0
SCALE DEFAULT 85 100 255 0 0

SET key_hidezero_DEFAULT 1

# End of global section


# TEMPLATE-only NODEs:
NODE DEFAULT
LABELOFFSET S
LABELFONT 100
MAXVALUE 100


# TEMPLATE-only LINKs:
LINK DEFAULT
WIDTH 5
ARROWSTYLE compact
BWFONT 100
COMMENTFONT 100
BWLABEL bits
BANDWIDTH 1M


# regular NODEs:
NODE node05510
LABEL Node 1
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=470
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=470
ICON images/icons8-router-80.png
POSITION 335 495

NODE node05558
LABEL Node 2
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=1
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=1
ICON images/icons8-switch-80.png
POSITION 815 290

NODE node05558_copy
LABEL Node 2 copy
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=1
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=1
ICON images/icons8-switch-80.png
POSITION 1080 535

NODE node05558_copy_copy
LABEL Node 2 copy copy
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=1
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=1
ICON images/icons8-switch-80.png
POSITION 605 555

NODE node05558_copy_copy_copy
LABEL Node 2 copy copy copy
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=1
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=1
ICON images/icons8-switch-80.png
POSITION 1225 285

NODE node05510_copy
LABEL Node 1 copy
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=470
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=470
ICON images/icons8-router-80.png
POSITION 100 225

NODE node05987
LABEL Node3
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=2
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=2
ICON images/Host.png
POSITION 475 345

NODE node06288
LABEL Node
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=469
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=469
POSITION 995 70


# regular LINKs:


# That's All Folks!

Code: Select all

Technical Support [Summary]
Date	Mon, 28 Jun 2021 12:42:08 +0200
Cacti Version	1.2.17
Cacti OS	unix
RSA Fingerprint	a1:c1:db:f9:8b:a3:8d:4d:44:34:f5:d9:49:d5:cf:91
NET-SNMP Version	NET-SNMP version: 5.8
RRDtool Version Configured	1.7.0+
RRDtool Version Found	1.7.0
Devices	46
Graphs	498
Data Sources	Script/Command: 5
SNMP Get: 45
SNMP Query: 370
Script Query: 2
Script Server: 2
Total: 424


Interval	300
Type	cmd.php
Items	Action[0]: 785
Action[1]: 9
Action[2]: 2
Total: 796
Concurrent Processes	Name: Main Poller, Procs: 1
Max Threads	Name: Main Poller, Threads: 1
PHP Servers	1
Minimum Connections:	Current: 151, Min Required: 102
Assumes 100 spare connections for Web page users and other various connections.
The minimum required can vary greatly if there is heavy user Graph viewing activity.
Each browser tab can use upto 10 connections depending on the browser.
Script Timeout	25
Max OID	10
Last Run Statistics	Time:17.2771 Method:cmd.php Processes:1 Threads:1 Hosts:46 HostsPerProcess:46 DataSources:796 RRDsProcessed:422


MemTotal	3,791,020,000
MemFree	916,200,000
MemAvailable	1,713,344,000
Buffers	4,520,000
Cached	1,019,404,000
Active	440,728,000
Inactive	1,289,032,000
SwapTotal	4,136,956,000
SwapFree	4,136,956,000


PHP Version	7.2.24
PHP OS	Linux
PHP uname	Linux dkmcacti3 4.18.0-305.3.1.el8.x86_64 #1 SMP Tue Jun 1 16:14:33 UTC 2021 x86_64
PHP SNMP	Installed. Note: If you are planning on using SNMPv3, you must remove php-snmp and use the Net-SNMP toolset.
max_execution_time	60
memory_limit	512M

Used Browers

Microsoft Edge
Version 90.0.818.56 (Offizielles Build) (64-Bit)

Firefox
78.11.0esr (64-Bit)

Weathermap version https://github.com/thurban/plugin_weathermap

[Howie]

Try setting OVERLIBGRAPHWIDTH and OVERLIBGRAPHHEIGHT for the problem nodes -this is used to figure out where to place the tooltip. It's possible that without it, you'd get what you're seeing.

The value should be the size of the image that will appear in the tooltip.

[cheffe]

Thanks for the quick reply!

I have played around with those values and got still the same outcome :/

I did define it as default node and even for all nodes separately...still the same flickering.

Edit:
I my case the values would be
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100

# Automatically generated by php-weathermap v0.98a

FONTDEFINE 100 docs/example/Vera.ttf 10

WIDTH 1440
HEIGHT 720
HTMLSTYLE overlib
KEYFONT 100
TITLE test
TIMEPOS 10 15 Created: %b %d %Y %H:%M:%S

KEYPOS DEFAULT -1 -1 Traffic Load
KEYTEXTCOLOR 0 0 0
KEYOUTLINECOLOR 0 0 0
KEYBGCOLOR 255 255 255
BGCOLOR 255 255 255
TITLECOLOR 0 0 0
TIMECOLOR 0 0 0
SCALE DEFAULT 0 0 192 192 192
SCALE DEFAULT 0 1 255 255 255
SCALE DEFAULT 1 10 140 0 255
SCALE DEFAULT 10 25 32 32 255
SCALE DEFAULT 25 40 0 192 255
SCALE DEFAULT 40 55 0 240 0
SCALE DEFAULT 55 70 240 240 0
SCALE DEFAULT 70 85 255 192 0
SCALE DEFAULT 85 100 255 0 0

SET key_hidezero_DEFAULT 1

# End of global section


# TEMPLATE-only NODEs:
NODE DEFAULT
LABELOFFSET S
LABELFONT 100
MAXVALUE 100
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100


# TEMPLATE-only LINKs:
LINK DEFAULT
WIDTH 5
ARROWSTYLE compact
BWFONT 100
COMMENTFONT 100
BWLABEL bits
BANDWIDTH 1M

# regular NODEs:
NODE node05510
LABEL Node 1
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=470
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=470
ICON images/icons8-router-80.png
POSITION 335 495

NODE node05558
LABEL Node 2
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=1
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=1
ICON images/icons8-switch-80.png
POSITION 750 560

NODE node05558_copy
LABEL Node 2 copy
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=1
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=1
ICON images/icons8-switch-80.png
POSITION 1010 315

NODE node05558_copy_copy
LABEL Node 2 copy copy
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=1
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=1
ICON images/icons8-switch-80.png
POSITION 605 555

NODE node05558_copy_copy_copy
LABEL Node 2 copy copy copy
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=1
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=1
ICON images/icons8-switch-80.png
POSITION 1260 550

NODE node05510_copy
LABEL Node 1 copy
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=470
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=470
ICON images/icons8-router-80.png
POSITION 120 195

NODE node05987
LABEL Node3
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=2
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=2
ICON images/Host.png
POSITION 470 305

NODE node06288
LABEL Node
OVERLIBGRAPHWIDTH 300
OVERLIBGRAPHHEIGHT 100
INFOURL /cacti/graph.php?rra_id=all&local_graph_id=469
OVERLIBGRAPH /cacti/graph_image.php?rra_id=0&graph_nolegend=true&graph_height=100&graph_width=300&local_graph_id=469
POSITION 835 140


# regular LINKs:


# That's All Folks!

[cheffe]

I got some errors with those values hence I changed them to OVERLIBWIDTH and OVERLIBHEIGHT
Now I can see there was a graph rendered, but it starts flickering again.

Animation_WM3.gif (86.08 KiB) Viewed 4653 times

[cheffe]

One humble question, is this tooltip behavior handled by cacti or the weathermap plugin?

[cheffe]

found the issue...

I happened to use the developer branch...but there was a change which broke something.

I have replaced /plugins/weathermap/overlib.js with https://raw.githubusercontent.com/thurb ... overlib.js

Now it is working as expected.

[Howie]

Aah, I was going to say that I don't know much about phalek's changes. I know he has changed things a bit around overlib.js (which is what does the popups, although weathermap is what uses the size info to decide where the popup appears).