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

Creating a custom gauge

Discussion of Mark Crossley's HTML5/Javascript gauges

Moderator: mcrossley

Post Reply
virusdunil
Posts: 8
Joined: Tue 07 Sep 2010 1:22 pm
Weather Station: ws-1080
Operating System: win7 for now

Creating a custom gauge

Post by virusdunil »

These gauges are just great.Id like to create one but my knowledge is very low... :?

Could someone please create a ''how to'' post on how to create one of those Radial or linear or else gauges

thanks ;)
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: Creating a custom gauge

Post by mcrossley »

I'd suggest you take a look at the demo pages linked to on my 'announcement' post https://cumulus.hosiene.co.uk/viewtopic.php?f=21&t=7186

These pages contain just about the minimum code required to display each gauge type (Radial and Linear). Once you have figured out the basics of displaying gauges, then you need to create the code to use data from Cumulus.

I doubt anyone is going to create a how-to guide for complete novices as it would be quite a task. So it is going to be figuring out for yourself - a good learning opportunity ;)
User avatar
JacquesD
Posts: 609
Joined: Tue 27 Jul 2010 3:51 am
Weather Station: National Geographic 265nc
Operating System: XP SP3
Location: St-Ours, Québec, Canada
Contact:

Re: Creating a custom gauge

Post by JacquesD »

Hi Mark,
mcrossley wrote:I doubt anyone is going to create a how-to guide for complete novices... ;)
Why do I have impression that your big eye is pointing on me??? :lol: :lol: :lol: :lol:

But seriously, I look forward to having the time to give some works for that,
as many template users want to install SS! And I haven't time to play with them!! :?

Regards,
Jacques
virusdunil
Posts: 8
Joined: Tue 07 Sep 2010 1:22 pm
Weather Station: ws-1080
Operating System: win7 for now

Re: Creating a custom gauge

Post by virusdunil »

Ok then...lets look at it this way... ive read almost all the posts in here :?

i want to create a linear gauge for windspeed

i presume im starting with this...

<canvas id="canvasLinear6" width="320" height="140"></canvas> with gradiant color.

where is the code for canvaslinear6 ? ...in gauge.js ? steelseries.js ?

in wich file do i put the <#wspeed> tag ?

thanks
Post Reply