1,126
edits
SteelSeries FAQ: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 25: | Line 25: | ||
The copy of the SteelSeries library supplied with the weather gauges only contains a subset of all the gauges available in SteelSeries Canvas library. The supplied gauges are Radial, RadialBargraph, DisplaySingle, WindDirection, and Odometer. If you want to display any other types of gauges, then you will have to download the full [https://github.com/HanSolo/SteelSeries-Canvas SteelSeries library from Github]. The SteelSeries demo pages have some very basic code to display each of the gauge types, all the configuration parameters for each gauge can be found by looking in the SteelSeries.js source file - there is no on-line documentation for the library. | The copy of the SteelSeries library supplied with the weather gauges only contains a subset of all the gauges available in SteelSeries Canvas library. The supplied gauges are Radial, RadialBargraph, DisplaySingle, WindDirection, and Odometer. If you want to display any other types of gauges, then you will have to download the full [https://github.com/HanSolo/SteelSeries-Canvas SteelSeries library from Github]. The SteelSeries demo pages have some very basic code to display each of the gauge types, all the configuration parameters for each gauge can be found by looking in the SteelSeries.js source file - there is no on-line documentation for the library. | ||
= Tweaking the Wind Rose = | |||
== How do I alter the Wind Rose plot colours? == | |||
The Wind Rose is based on the RGraph Rose component, in windrose.js you will find a line (around line 160 as of v2.2.2) like this: | |||
rose.Set('chart.colors', ['Gradient(gray:red)']); | |||
This controls the colour of the plot sectors. Please refer to the Rgraph website for information on [http://www.rgraph.net/docs/howto-gradient-syntax.html how to use the gradient syntax]. | |||
== How do I alter the gap between the Wind Rose sectors? == | |||
In windrose.js you will find a line (around line 161 as of v2.2.2) like this: | |||
rose.Set('chart.margin', Math.ceil(50 / data.length)); | |||
This controls the gap between the sectors, to reduce the gap change '50' to a lower number (say 30), to increase the gap use a bigger number. | |||
[[Category:SteelSeries]] | [[Category:SteelSeries]] | ||