RoseGauge Winddirection Font

Internet SteelSeries Gauges
1

Wouldn’t it look nicer if the Winddirections in the RoseGauge had a similar font like that in the other WindGauge.
A bit bigger and bold type.
I am not sure if one can edit this himself, if so, how?

Just a suggestion.

2

Yes it would :slight_smile:

The Rgraph documention for the title is here:

http://www.rgraph.net/docs/radar.html#titles

So it will accept font styling.

3

Actually mine looks pretty close as it is, maybe it is a browser default font thing?

Try changing radar.js, line 110 from

                radar.Set('chart.title.size', Math.ceil(0.04 * _radarPlotSize));
to
                radar.Set('chart.title.size', 0.055 * _radarPlotSize);
                radar.Set('chart.title.font', 'sans-serif');

any better?

4

:oops: :oops:

radar.js?

What I have is windrose.js.
Found the code you were referring to but it looks like the winddirections do not change.
Now, if I change this code for Bold to True instead of false, the title is actually in bold but not the winddirections.

radar.Set('chart.title', _gaugeTitle);
                radar.Set('chart.title.size', Math.ceil(0.055 * _radarPlotSize));
                radar.Set('chart.title.bold', false);

:oops: :oops:

5

Ah the compass points - sorry my confusion.

I made them smaller to maximise the drawing area for the rose. They are drawn in windrose.js, drawCompassPoints() at line 140

The make them bolder change…

            ctx.font = 0.06 * size + 'px serif';
            ctx.fillStyle = '#505050';
to
            ctx.font = 0.08 * size + 'px serif bold';
//            ctx.fillStyle = '#505050';
6

:wink: :lol: :smiley:
Much, much better.
Thanks.

Perfect for me with Gaugesize 251

ctx.font = 0.09 * size + 'px serif bold';