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 4017) - 17 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

Tooltip Hover Style

Share your Cumulus MX user interface here

Moderator: mcrossley

Post Reply
Texsky
Posts: 38
Joined: Sun 22 Mar 2020 5:07 pm
Weather Station: Davis Vantage Vue
Operating System: Windows 10
Location: Texas, USA

Tooltip Hover Style

Post by Texsky »

Hello to all,

On they most recent updates to MX, I've noticed the tooltips have been changed on the Charts page. For me, it's a little more distracting than the older style so I was wondering if there is a way to revert back to the single box that housed all the weather parameters collectively.

Thanks for your assistance with this,
Bob
sfws
Posts: 1183
Joined: Fri 27 Jul 2012 11:29 am
Weather Station: Chas O, Maplin N96FY, N25FR
Operating System: rPi 3B+ with Buster (full)

Re: Tooltip Hover Style

Post by sfws »

Texsky wrote: Wed 15 Apr 2020 12:52 pm revert back to the single box
I know exactly what you mean, the first build I used was 3069, and it was single box in that. I think (I am not an expert in this) I have solved it.

Please learn that the tool tip is defined in \CumulusMX\interface\js\charts.js. However that file has not changed, yet it should have done with update of Highstocks version.

You can look up the relevant commands at https://api.highcharts.com/highcharts/tooltip. At first guess, Mark moved to latest version of Highstocks in build 3071 (See Freddie's note on his experience with beta 3 before it was formally released), but he did not change the code in above interface js file. So his file uses deprecated api instructions like crosshairs within tooltip.


So in the file I mention find

Code: Select all

tooltip: {
            shared: true,
            crosshairs: true,
            valueSuffix: '°' + config.temp.units,
            valueDecimals: config.temp.decimals,
            xDateFormat: "%A, %b %e, %H:%M"
        },
and change it to use the relevant api (not declared in Mark's code) of split: boolean:

Code: Select all

 tooltip: {
            shared: true,
            split: false,
            valueSuffix: '°' + config.temp.units,
            valueDecimals: config.temp.decimals,
            xDateFormat: "%A, %b %e, %H:%M"
        },
Then you will get back what you and I prefer.
It works on my user interface charts page.
Texsky
Posts: 38
Joined: Sun 22 Mar 2020 5:07 pm
Weather Station: Davis Vantage Vue
Operating System: Windows 10
Location: Texas, USA

Re: Tooltip Hover Style

Post by Texsky »

Thanks so much for the help. It looks better now. I've been able to make most of the cosmetic adjustments to suit my tastes (despite not knowing html or javascript), but this one had eluded me.
Post Reply