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 4018) - 28 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

Water Tank Levels from ThingSpeak

Discussion of Mark Crossley's HTML5/Javascript gauges

Moderator: mcrossley

Post Reply
User avatar
BeaumarisWX
Posts: 358
Joined: Mon 09 Apr 2012 2:38 pm
Weather Station: Davis VP2 Plus - 24hr FARS
Operating System: Windows 10 Pro Hades Canyon
Location: Beaumaris, Tasmania, AU
Contact:

Water Tank Levels from ThingSpeak

Post by BeaumarisWX »

Hi Mark,
I have been developing a wifi / Solar Powered Water Tank Monitor for a while now (on prototype 3 they upload to ThingSpeak) :oops: :-(
We do not have Mains Water here in Beaumaris, So reliant on the Heavens and having to manage multiple Water Tanks.
i.e If one too Low, pump up, if another too high pump down etc.

I have over time input all this data into MySql and so on, and although that works well and have many outputs / displays working well, I have been trying to display a quick easy overall view of the tanks. I decided to try your SteelSeries Gauges and although I have been able to obtain the data from ThingSpeak, I have not been able to display the Radial Gauges in page as desired. Nor am I sure I have the best way to depict them either. Any thoughts would be greatly appreciated.

A rough trial, using iFrame inclusion on this page.
Test Complete Final Version link below :
https://beaumaris-weather.com/BWX/water ... ssteel.php

Kind Regards,
Tony
Last edited by BeaumarisWX on Mon 20 Jun 2022 9:39 am, edited 2 times in total.
Tony Beaumaris, Tasmania (AUS)

CMX Mobile : https://beaumaris-weather.com/BWX/
CMX Default: https://beaumaris-weather.com/cumulusmx_default/
Colour Dashboard : https://beaumaris-weather.com/dashborad_color.php
Click below for Saratoga Template :
Image
User avatar
mcrossley
Posts: 12694
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: Water Tank Levels from ThingSpeak

Post by mcrossley »

I think they are probably the best selection, and the LED type gives you the ability to colour code as you have done. The none LED version is clearer imo, but you lose the colour coding.
User avatar
BeaumarisWX
Posts: 358
Joined: Mon 09 Apr 2012 2:38 pm
Weather Station: Davis VP2 Plus - 24hr FARS
Operating System: Windows 10 Pro Hades Canyon
Location: Beaumaris, Tasmania, AU
Contact:

Re: Water Tank Levels from ThingSpeak

Post by BeaumarisWX »

Cheers Mark.
Tony Beaumaris, Tasmania (AUS)

CMX Mobile : https://beaumaris-weather.com/BWX/
CMX Default: https://beaumaris-weather.com/cumulusmx_default/
Colour Dashboard : https://beaumaris-weather.com/dashborad_color.php
Click below for Saratoga Template :
Image
User avatar
BeaumarisWX
Posts: 358
Joined: Mon 09 Apr 2012 2:38 pm
Weather Station: Davis VP2 Plus - 24hr FARS
Operating System: Windows 10 Pro Hades Canyon
Location: Beaumaris, Tasmania, AU
Contact:

Re: Water Tank Levels from ThingSpeak

Post by BeaumarisWX »

Hi Mark,

Got that all running in new page layout now : https://beaumaris-weather.com/BWX/water ... ssteel.php

One thing I do is convert the Tank Level % to Litres in Tank (All Tanks are 24,000 Litres).

That all works fine and display that LinearBargraph as well, however although I set the maxValue: 24000, it displays 25000 Max.

Is it possible to :
1: Fix that to 24,000 Max (.ie. it currently major steps at 5000 should be 4000).
2: Is it at all possible to display the Tick Values as say 4K , 8K , 24K vs 4000 , 8000 , 24000 etc.).
As per example below:
Image

Kindest Regards,
Last edited by BeaumarisWX on Mon 20 Jun 2022 9:39 am, edited 1 time in total.
Tony Beaumaris, Tasmania (AUS)

CMX Mobile : https://beaumaris-weather.com/BWX/
CMX Default: https://beaumaris-weather.com/cumulusmx_default/
Colour Dashboard : https://beaumaris-weather.com/dashborad_color.php
Click below for Saratoga Template :
Image
User avatar
mcrossley
Posts: 12694
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: Water Tank Levels from ThingSpeak

Post by mcrossley »

Set your min/max scale values, and add the parameter...

Code: Select all

niceScale: false
User avatar
BeaumarisWX
Posts: 358
Joined: Mon 09 Apr 2012 2:38 pm
Weather Station: Davis VP2 Plus - 24hr FARS
Operating System: Windows 10 Pro Hades Canyon
Location: Beaumaris, Tasmania, AU
Contact:

Re: Water Tank Levels from ThingSpeak

Post by BeaumarisWX »

Tony Beaumaris, Tasmania (AUS)

CMX Mobile : https://beaumaris-weather.com/BWX/
CMX Default: https://beaumaris-weather.com/cumulusmx_default/
Colour Dashboard : https://beaumaris-weather.com/dashborad_color.php
Click below for Saratoga Template :
Image
Post Reply