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

Gauge Type Default

Discussion of Mark Crossley's HTML5/Javascript gauges

Moderator: mcrossley

Post Reply
User avatar
krmidas
Posts: 215
Joined: Sat 03 Jul 2010 9:03 pm
Weather Station: Davis Vantage Pro 2
Operating System: Windows 10
Location: Lake Zurich, IL; USA
Contact:

Gauge Type Default

Post by krmidas »

On the gauge that displays wind chill/heat index/dew point/apparent temp/humidex, I went in to the .htm file and removed the references to apparent temp and humidex, since I'm not interested in displaying those values.

Everything displays correctly, but when the page loads, it still defaults to apparent temp. I suspect the fix is in one of the gauge javascript files, but I'm not sure where. Can anyone point me in the right direction?

-Tom
Capture.JPG
Capture2.JPG
You do not have the required permissions to view the files attached to this post.
Tom Keramidas, Lake Zurich, IL, USA
Image
User avatar
mcrossley
Posts: 12756
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: Gauge Type Default

Post by mcrossley »

You need to change:

176 g_dew.title = LANG.apptemp_title;
178 g_dew.selected = 'app';

and depending on what you want the default to be in the HTML from line 90 you need to select a new default selected option:

eg.
<input id="rad_dew4" type="radio" name="rad_dew" value="hea" selected onclick="doDew(this);">
User avatar
krmidas
Posts: 215
Joined: Sat 03 Jul 2010 9:03 pm
Weather Station: Davis Vantage Pro 2
Operating System: Windows 10
Location: Lake Zurich, IL; USA
Contact:

Re: Gauge Type Default

Post by krmidas »

Capture3.JPG
I got it to work.

One little nit: how do I have the page load and have the dew point button already selected, like it is for temp and humidity?
You do not have the required permissions to view the files attached to this post.
Tom Keramidas, Lake Zurich, IL, USA
Image
User avatar
steve
Cumulus Author
Posts: 26701
Joined: Mon 02 Jun 2008 6:49 pm
Weather Station: None
Operating System: None
Location: Vienne, France
Contact:

Re: Gauge Type Default

Post by steve »

krmidas wrote:One little nit: how do I have the page load and have the dew point button already selected, like it is for temp and humidity?
I'm no expert, but the code for the temp and and humidity gauges has "checked" in the default items, so I guess that you need to do the same for dew point.
Steve
User avatar
krmidas
Posts: 215
Joined: Sat 03 Jul 2010 9:03 pm
Weather Station: Davis Vantage Pro 2
Operating System: Windows 10
Location: Lake Zurich, IL; USA
Contact:

Re: Gauge Type Default

Post by krmidas »

That did the trick! Thanks!
Tom Keramidas, Lake Zurich, IL, USA
Image
User avatar
mcrossley
Posts: 12756
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: Gauge Type Default

Post by mcrossley »

Oops, yes it is checked, not selected. My memory is going! :bash:
User avatar
avoorpool
Posts: 168
Joined: Tue 08 May 2012 4:24 pm
Weather Station: WMR200A
Operating System: Windows 10 64-bit
Location: Pickering, Ontario Canada
Contact:

Re: Gauge Type Default

Post by avoorpool »

Hi Mark,

Same issue here.
I want the gauge to display initially the Humidex value (and not apparent temp).
Changed all the appropriate codes, however it displays the humidex (and it is checked!!) but on the gauge it still displays Apparent
g_dew.title = LANG.apptemp_title;
g_dew.value = 0.0001;
g_dew.selected = 'hum';
When I change it to:
g_dew.title = LANG.humtemp_title;
g_dew.value = 0.0001;
g_dew.selected = 'hum';
it shows NO display (= blank)
What does it need to be changed in???

Thanks,
Arthur
You do not have the required permissions to view the files attached to this post.
gemini06720
Posts: 1700
Joined: Mon 10 Aug 2009 10:16 pm
Weather Station: No weather station
Operating System: No operating system
Location: World...

Re: Gauge Type Default

Post by gemini06720 »

Arthur, this is what you have presently in your 'gauges.js' script (at 14:20 PDT):

Code: Select all

    // define dew point gauge start values
    g_dew.sections = createTempSections(0, true);
    g_dew.areas = [];
    g_dew.minValue = 0;
    g_dew.maxValue = 40;
    g_dew.title = LANG.hum_title;
    g_dew.value = 0.0001;
    g_dew.selected = 'hum';
    g_dew.minMeasuredVisible = true;
    g_dew.maxMeasuredVisible = true;
This is what you need to properly display the humidex factor (not really a temperature per se):

Code: Select all

    // define dew point gauge start values
    g_dew.sections = createTempSections(0, true);
    g_dew.areas = [];
    g_dew.minValue = 0;
    g_dew.maxValue = 50; // changed this value as the humidex can go higher than the temperature
    g_dew.title = LANG.humdx_title; // Arthur this line displays the title within the gauge - note the difference...
    g_dew.value = 0.0001;
    g_dew.selected = 'hum';
    g_dew.minMeasuredVisible = true;  // see comment below
    g_dew.maxMeasuredVisible = true;  // see comment below
Arthur, by default, for the humidex factor setting, the gauge will display neither the maximum nor the minimum measured value - thus placing a true at the end of both 'MeasuredVisible' lines will not activate anything, unless you also modify the code for the humidex factor.

You will need to go down the code of the 'gauges.js' script to lines 1174-1175:

Code: Select all

            g_dew.minMeasuredVisible = false;
            g_dew.maxMeasuredVisible = false;
In my opinion, the only useful information would be to display the maximum measured value (adding the minimum measured value is meaningless and would only clutter the display), thus the new code:

Code: Select all

            g_dew.minMeasuredVisible = false;
            g_dew.maxMeasuredVisible = true;
NOTE: IMPORTANT: Basic precaution! Always, always make a backup copy of the file(s) you are going to edit!
gemini06720
Posts: 1700
Joined: Mon 10 Aug 2009 10:16 pm
Weather Station: No weather station
Operating System: No operating system
Location: World...

Re: Gauge Type Default

Post by gemini06720 »

Arthur, after responding to your message, I decided to go a little further ... I modified both my PHP and my JavaScript to 'automate' the change of seasons... :)

Arthur, first, you have to get more familiar with PHP... :mrgreen:

Then, it is a matter of adding some PHP code into the 'gauges.php' script to determine the season (or rather, to determine if it is summer) and pass on that variable (a switch: true/false) to the 'gauges.js' script - this way, automatically, without further editing, the gauge will display either the apparent temperature (or whatever temperature has been selected as the default) and the humidex factor (or the heat index) during the summer season...

To chose between the heat index and the humidex factor, a second variable (again, a switch: true/false) has to be passed on to the 'gauges.js' script.

Really nice what one can do with a few lines of PHP... :D
User avatar
avoorpool
Posts: 168
Joined: Tue 08 May 2012 4:24 pm
Weather Station: WMR200A
Operating System: Windows 10 64-bit
Location: Pickering, Ontario Canada
Contact:

Re: Gauge Type Default

Post by avoorpool »

Hi Ray,

I didn't get a Forum notification earlier after your answers (probably didn't checkmark it), so I've been struggling with "humidex, humi, hum, humx etc, etc, until I saw in the autoscaling section the LANG.humdx :oops:
Thanks for the second suggestion (min/max display). I can use this since we have some extreme hum values which top de 40+.......

As for the PHP, I will currently just "click" when seasons change and keep myself first of all focussed on html :D :D

Cheers,

Arthur
Post Reply