Radial Meter

Radial Meter

Displays data in Radial Ruler manner. If ranges are configured, the ruler is divided into customized ranges and
current data is represented by an arrow and arc (optional).
If ranges aren't present, current data is represented by an arrow and arc (optional).
Can customize, colors, fonts and current data animation (arrow and arc), ruler position and chart
background style.

l.set( {
        left :          0,
        top  :          0,
        width:          180,
        height:         180,
        ringStyle:      false,
        indicatorColor: '#B0B040',
        startAngle:     0,
        endAngle:       360,
        min:            0,
        max:            360,
        intervals:      8,
        current:        190,
        rulePosition :  'in',
        ruleInterval:   1,
        fillStyle:      'cilinder',
        capacity:       false,
        style:          '3D',
        animate:        true});

l.serie.add({value:180,color:"#800000"});
l.serie.add({value:220,color:"#808000"});
l.serie.add({value:360,color:"#008000"});

l.setLabelStyle({
        mask :          function (val){ 
            if(val==360) return 'E';
            if(val==90) return 'S';
            if(val==180) return 'W';
            if(val==270) return 'N';
            return val} ,
        font :          '11px Arial',
        color:          'grey'
    });

l.draw(canvasId);