Welcome to the Cumulus Support forum.

Latest Cumulus MX release 3.11.4 (build 3133) - 25 May 2021 (please see announcement regarding releases since 3.5.0)
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: 3
Joined: Sun 22 Mar 2020 5:07 pm
Weather Station: Davis Vantage Vue
Operating System: Windows 10

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: 983
Joined: Fri 27 Jul 2012 11:29 am
Weather Station: Combination Mix of FO stations
Operating System: R Pi OS

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: 3
Joined: Sun 22 Mar 2020 5:07 pm
Weather Station: Davis Vantage Vue
Operating System: Windows 10

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