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
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 4019) - 03 April 2024
Legacy Cumulus 1 release 1.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
Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 2024
Cumulus MX V4 beta test release 4.0.0 (build 4019) - 03 April 2024
Legacy Cumulus 1 release 1.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
Moderator: mcrossley
-
- 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
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"
},
Code: Select all
tooltip: {
shared: true,
split: false,
valueSuffix: '°' + config.temp.units,
valueDecimals: config.temp.decimals,
xDateFormat: "%A, %b %e, %H:%M"
},
It works on my user interface charts page.
-
- 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
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.