Page 1 of 1

Tooltip Hover Style

Posted: Wed 15 Apr 2020 12:52 pm
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

Re: Tooltip Hover Style

Posted: Wed 15 Apr 2020 4:06 pm
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.

Re: Tooltip Hover Style

Posted: Wed 15 Apr 2020 5:47 pm
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.