Wind Rose Shadow

[N0BGS]

Hi Mark:

Nice work on the 2.1.0 gauges. Thanks again.

I'm wondering where in the code I can change the color of the shadow on the wind rose gauge. I've figured out how to change the other ones, but no luck with the rose. Presumably it's in a different location than all the others?

Thanks,

--Kurt

[mcrossley]

Yes, it is separate for now, in windrose.js at line 78 (ish)

[N0BGS]

OK, found it myself just as you posted your reply. Guess I should have assumed it was in windrose.js.

Here:

// Get the context of the gauge canvas on the HTML page
if ($('#canvas_rose').length) {
radarCanvas = document.getElementById('canvas_rose');
_ctxRadarGauge = radarCanvas.getContext('2d');
// resize canvas on main page
radarCanvas.width = _gaugeSize;
radarCanvas.height = _gaugeSize;
// add a shadow to the gauge
if (gauges.config.showGaugeShadow) {
$('#canvas_rose').css('box-shadow', '#888 ' + offset + 'px ' + offset + 'px ' + offset + 'px');
$('#canvas_rose').css('border-radius', Math.floor(size / 2) + 'px');

So, if we change the '#888' value to some other RGB value, like '#111' it changes the color of the shadow.

Nice. Thanks again.

--K

[mcrossley]

Yes, though of course you can change it to a six character hex string instead of the shorthand three character I have used, or even a full rgba(r,g,b,a) string.