Welcome to the Cumulus Support forum.

Latest Cumulus MX V4 release 4.4.2 (build 4085) - 12 March 2025

Latest Cumulus MX V3 release 3.28.6 (build 3283) - 21 March 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

If you are posting a new Topic about an error or if you need help PLEASE read this first viewtopic.php?p=164080#p164080

SteelSeries Radar Plot

Discussion of Mark Crossley's HTML5/Javascript gauges

Moderator: mcrossley

User avatar
mcrossley
Posts: 14384
Joined: Thu 07 Jan 2010 9:44 pm
Weather Station: Davis VP2/WLL
Operating System: Bullseye Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: SteelSeries Radar Plot

Post by mcrossley »

You missed the sign change "-" to "+" ?
tobyspond
Posts: 252
Joined: Fri 24 Jun 2011 5:57 pm
Weather Station: Davis Vantage Pro2
Operating System: Windows 10
Location: Lamoine, Maine, USA

Re: SteelSeries Radar Plot

Post by tobyspond »

My attempt at instructions for including the radar plot in the steelseries gauges is attached.

Good luck,

Kerry
You do not have the required permissions to view the files attached to this post.
dive76
Posts: 21
Joined: Sun 22 Jan 2012 7:37 am
Weather Station: Davis VP2
Operating System: Windows Server 2012 R2
Location: Bangkok

Re: SteelSeries Radar Plot

Post by dive76 »

Thank you much. Instruction was great. Got it working http://www.weatherkemang.de/gauges_ss.htm
tobyspond
Posts: 252
Joined: Fri 24 Jun 2011 5:57 pm
Weather Station: Davis Vantage Pro2
Operating System: Windows 10
Location: Lamoine, Maine, USA

Re: SteelSeries Radar Plot

Post by tobyspond »

Happy to help. Your page looks nice.
Matt.j5b
Posts: 512
Joined: Mon 28 Nov 2011 2:13 am
Weather Station: Davis VP2/ WLL with DFARS
Operating System: RPi Raspbian (Buster)
Location: Ferny Grove, Brisbane, Australia
Contact:

Re: SteelSeries Radar Plot

Post by Matt.j5b »

Thanks for the instructions and I have set it up, but its not quite right and I sure what to do to get it right. After adding the radar plot to the webpage it left a space below the last row of gauges (it seems to come from the radar plot, it was fine before adding it) see http://www.localweatherdata.0glo.com/gauges-ss.htm for details and not centred properly. I want the radar plot to be in the middle row of gauges so the wind gauges are together but doing that made it worst as the attachment shows. And a page refresh makes the radar plot disappear. I not sure why.
gauges.png
You do not have the required permissions to view the files attached to this post.
Regards, Matt of Brisbane, Australia
Ferny Grove Weather
Image
gemini06720
Posts: 1700
Joined: Mon 10 Aug 2009 10:16 pm
Weather Station: No weather station
Operating System: No operating system
Location: World...

Re: SteelSeries Radar Plot

Post by gemini06720 »

Matt, although something was really wrong when I tried connecting to your SteelSeries gauge page (ie: 404 Not Found - The requested URL /scripts/steelseries.min.js was not found on this server) I was able to looked at some of the modifications you have made on your page.

Obviously, you have made some modifications to your page since posting the image/link - the pressure and the wind rose (radar) have been moved...

Some errors I noticed:
  • The path to the gauges cascading style sheet (ie: 'gauges-ss.css') is improperly indicated as:

    Code: Select all

    <link rel="stylesheet" href="css//gauges-ss.css">
    The proper code/path should be:

    Code: Select all

    <link rel="stylesheet" href="css/gauges-ss.css">
  • Further down, you have improperly used the caption tag - the <caption> tag must be inserted immediately after the <table> tag and not outside the <table> tag as you have done/used!
Matt, with the code presently available on your web site, I cannot re-create the extra spacing you are writing about in your message...

Matt, whenever you are unsure about HTML or CSS code, have a look at the W3Schools web site - I think, for most users, the W3Schools web site should be bookmarked and readily available on the main screen of the browser... ;)
Matt.j5b
Posts: 512
Joined: Mon 28 Nov 2011 2:13 am
Weather Station: Davis VP2/ WLL with DFARS
Operating System: RPi Raspbian (Buster)
Location: Ferny Grove, Brisbane, Australia
Contact:

Re: SteelSeries Radar Plot

Post by Matt.j5b »

Thanks Ray ( if you don't mind) I am not sure what is happening, I might start do it again. Thanks for alerting me to the css typo. The caption is intended that way, I want it that way and thanks anyway.
That attachment I tried with the gauges but I have reverted to the current which is bad enough. I use w3schools which I read a bit of that.
Regards, Matt of Brisbane, Australia
Ferny Grove Weather
Image
gemini06720
Posts: 1700
Joined: Mon 10 Aug 2009 10:16 pm
Weather Station: No weather station
Operating System: No operating system
Location: World...

Re: SteelSeries Radar Plot

Post by gemini06720 »

Matt.j5b wrote:The caption is intended that way, I want it that way and thanks anyway.
Matt, I guess you did not understand my statement about the 'caption' tag - it cannot (and should not) be used the way you are doing it - as indicated on the W3Schools web site, the <caption> tag should only be inserted immediately after the <table> tag - this is HTML standard programming code!

There are other HTML tags that can be used instead of the 'caption' tag to produce the same results, such as the '<h1> to <h6>' tags, the '<div>' tag, the '<p>' tag, the '<span>' tag, just to name a few... ;)
Matt.j5b
Posts: 512
Joined: Mon 28 Nov 2011 2:13 am
Weather Station: Davis VP2/ WLL with DFARS
Operating System: RPi Raspbian (Buster)
Location: Ferny Grove, Brisbane, Australia
Contact:

Re: SteelSeries Radar Plot

Post by Matt.j5b »

Yes I should use <p> ....................</p>. Point taken. Thanks.
Regards, Matt of Brisbane, Australia
Ferny Grove Weather
Image
tobyspond
Posts: 252
Joined: Fri 24 Jun 2011 5:57 pm
Weather Station: Davis Vantage Pro2
Operating System: Windows 10
Location: Lamoine, Maine, USA

Re: SteelSeries Radar Plot

Post by tobyspond »

Matt,

Change the height and width of the radar plot to match your other gauges, i.e from 301 to 251 and that should eliminate the spacing issue.

Kerry
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: SteelSeries Radar Plot

Post by beteljuice »

... and now you've "lost" your steelseries_min.js !

Looking at the now almost empty page, I would think that most of your format problems were 'simple' html - ie. you lost track of the <td></td> count in your <tr>s in your tables.

If you have a broken / test page you want checking - tell us if you subsequently move or change (or if you fix it !) - otherwise the posts don't make any sense and everyone gets frustrated !
Image
......................Imagine, what you will KNOW tomorrow !
Matt.j5b
Posts: 512
Joined: Mon 28 Nov 2011 2:13 am
Weather Station: Davis VP2/ WLL with DFARS
Operating System: RPi Raspbian (Buster)
Location: Ferny Grove, Brisbane, Australia
Contact:

Re: SteelSeries Radar Plot

Post by Matt.j5b »

Thanks Kerry, I think I will delete it all and start again some other day so until then don't worry about this page. Thanks
Regards, Matt of Brisbane, Australia
Ferny Grove Weather
Image
Matt.j5b
Posts: 512
Joined: Mon 28 Nov 2011 2:13 am
Weather Station: Davis VP2/ WLL with DFARS
Operating System: RPi Raspbian (Buster)
Location: Ferny Grove, Brisbane, Australia
Contact:

Re: SteelSeries Radar Plot

Post by Matt.j5b »

I did the gauges page all over again, so I got the steelseries page working again here: http://www.localweatherdata.0glo.com/gauges-ss.htm.

I have to add the radar again and I hope I get it to work this time.
Regards, Matt of Brisbane, Australia
Ferny Grove Weather
Image
User avatar
beteljuice
Posts: 3292
Joined: Tue 09 Dec 2008 1:37 pm
Weather Station: None !
Operating System: W10 - Threadripper 16core, etc
Location: Dudley, West Midlands, UK

Re: SteelSeries Radar Plot

Post by beteljuice »

One minor html error - you have two closing </td> on your navigation 'menu' :)
Image
......................Imagine, what you will KNOW tomorrow !
gemini06720
Posts: 1700
Joined: Mon 10 Aug 2009 10:16 pm
Weather Station: No weather station
Operating System: No operating system
Location: World...

Re: SteelSeries Radar Plot

Post by gemini06720 »

Matt, you did not have to delete and re-build your page - all that was needed were a few modification... :roll:

Other than the additional closing '</td>' tag (as pointed out by beteljuice), in the line 'For an alternative gauges page click here for the standard Cumulus gauges page' it would be better if the 'target="_blank"' attribute was not used for the link to the 'standard' gauges page. ;)
Post Reply