Welcome to the Cumulus Support forum.

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024

Cumulus MX V4 beta test release 4.0.0 (build 4018) - 28 March 2024

Legacy Cumulus 1 release v1.9.4 (build 1099) - 28 November 2014 (a patch is available for 1.9.4 build 1099 that extends the date range of drop-down menus to 2030)

Download the Software (Cumulus MX / Cumulus 1 and other related items) from the Wiki

Hover chart popup setup guide for MX

Discussion of Mark Crossley's HTML5/Javascript gauges

Moderator: mcrossley

User avatar
gwheelo
Posts: 453
Joined: Wed 11 Jun 2008 7:36 pm
Weather Station: WMR-88
Operating System: Windows 8.1
Location: L'Estartit, Spain
Contact:

Re: Hover chart popup setup guide for MX

Post by gwheelo »

You'll have to override the CSS for that particular tooltip.
Done and dusted - works perfectly! :clap:

In my case it is '#imgtip10_img').

Thanks once again!

Results here: http://www.wheelocknet.net/medes_cam/medes_gauges.html

GW
Image
User avatar
mcrossley
Posts: 12694
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: Hover chart popup setup guide for MX

Post by mcrossley »

gwheelo wrote: In my case it is '#imgtip10_img').
Great - yep I was too lazy to look up the actual tooltip value! :roll:
Phil23
Posts: 884
Joined: Sat 16 Jul 2016 11:59 pm
Weather Station: Davis VP2+ & GW1000 (Standalone)
Operating System: Win10 Pro / rPi Buster
Location: Australia

Re: Hover chart popup setup guide for MX

Post by Phil23 »

liddelljs wrote:Wondering if anyone can point me to a good step by step guide to setting up the hover charts for the steel series gauges on MX for a complete novice. I've done a bit of searching on the forum and have found a few related posts but nothing that seems to describe the process from scratch.
At a complete loss about where to start here as well.
Can't seem to locate the required files that are needed for this, and presume they are not in the original Cumulus Build.

Can someone help out with some concise information; websites are not one of my strong points...

Thanks

Phil.
:Now: :Today/Yesterday:

Image

Main Station Davis VP2+ Running Via Win10 Pro.
Secondary Stations, Ecowitt HP2551/GW1000 Via rPi 3 & 4 Running Buster GUI.
:Local Inverell Ecowitt Station: :Remote Ashford Ecowitt Station:
User avatar
mcrossley
Posts: 12694
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: Hover chart popup setup guide for MX

Post by mcrossley »

I've been away on a holiday, but if you are still looking then the files and some useful info can be found on this thread
Phil23
Posts: 884
Joined: Sat 16 Jul 2016 11:59 pm
Weather Station: Davis VP2+ & GW1000 (Standalone)
Operating System: Win10 Pro / rPi Buster
Location: Australia

Re: Hover chart popup setup guide for MX

Post by Phil23 »

mcrossley wrote:You'll have to override the CSS for that particular tooltip.

After the tooltips are created, modify the windrose one with some local styling on the image, e.g.

$('#imgtip8_img').css({width: 300, height: 300});

Insert in the ddimgtooltip.init() function almost at the end of the script - after the $targets.each() loop
Re Squashed Wind Rose...

I don't quite understand this.

In my gauges.js (2.5.18), I can only find ddimgtooltip.init before $targets.each.

Looking around line 4181.

Phil
:Now: :Today/Yesterday:

Image

Main Station Davis VP2+ Running Via Win10 Pro.
Secondary Stations, Ecowitt HP2551/GW1000 Via rPi 3 & 4 Running Buster GUI.
:Local Inverell Ecowitt Station: :Remote Ashford Ecowitt Station:
Post Reply