View the RGraph Facebook page View the RGraph Google+ page Share RGraph on Twitter Share RGraph on LinkedIn

Other types of charts

Radar charts

[No canvas support]

Radar charts documentation
<script>
    var radar = new RGraph.Radar('cvs',[7,6,6,7,8,6,7,7,6,6,5,7,8,7,6])
        .set('strokestyle', 'black')
        .set('colors.alpha', 0.3)
        .set('colors', ['Gradient(white:red:red:red)', 'Gradient(white:green:green)', 'Gradient(white:yellow)'])
        .set('labels', ['Pete','Lou','Jim','Jack','Fred','Jo','Lou','Freda','Pete','Rick','Missy','Lou','Jessy','Freda','John'])
        .set('labels.axes', '')
        .set('gutter.top', 35)
        .set('accumulative', true)
        .set('axes.color', 'rgba(0,0,0,0)')
        .set('background.circles.poly', true)
        .set('background.circles.spacing', 25)
        .draw();
</script>

LED display

[No canvas support]

LED display documentation
<script>
    var led = new RGraph.LED('cvs', 'an led display')
        .set('light', 'green')
        .draw();
</script>

Radial Scatter charts

[No canvas support]

RScatter charts documentation
<script>
    // Create the data
    var data = [];
    for (var i=0; i<75; i++) {
        data.push([RGraph.random(0, 360), i * RGraph.random(0, 10)]);
    }

    var rscatter = new RGraph.Rscatter('cvs', data)
        .set('labels.axes', 'n')
        .set('labels.position', 'edge')
        .set('labels', ['NE', 'E', 'SE', 'S', 'SW', 'W', 'NW', ''])
        .set('tickmarks', 'plus')
        .set('title.color', 'black')
        .set('title.vpos', 0.3)
        .draw();
</script>

Rose charts

[No canvas support]

Rose charts documentation
<script>
    var rose = new RGraph.Rose('cvs', [4,6,2,8,9,5,4,7])
        .set('labels', ['Bob','Gerry','Lucifer','John','Kevin','Pete','Lou','Jobe'])
        .set('labels.axes', '')
        .set('background.grid.spokes', 8)
        .set('background.axes', false)
        .set('colors.sequential', true)
        .set('margin', 5)
        .set('colors', ['Gradient(white:red)','Gradient(white:green)','Gradient(white:blue)','Gradient(white:gray)','Gradient(white:purple)','Gradient(white:pink)','Gradient(white:orange)'])
        .draw();
</script>

Scatter charts

[No canvas support]

Scatter charts documentation
<script>
    var data = [];
    
    for (var i=0; i<200; ++i) {
        data.push([
                   RGraph.random(0,360),
                   RGraph.random(-100,100) * 0.01,
                   ['black','blue','pink','green','red'][RGraph.random(0,4)]
                  ])
    }

    var scatter = new RGraph.Scatter('cvs', data)
        .set('xmax', 360)
        .set('ymax', 1)
        .set('scale.decimals', 1)
        .set('xscale.decimals', 0)
        .set('xscale', true)
        .set('gutter.left', 50)
        .set('xaxispos', 'center')
        //.set('ylabels.count', 5)
        .draw();
</script>