An SVG Radar chart using a circular background

This goes in the documents header:

<script src="RGraph.svg.common.core.js"></script>
<script src="RGraph.svg.radar.js"></script>

Put this where you want the chart to show up:

<div style="width: 500px; height: 400px" id="chart-container"></div>

This is the code that generates the chart:

<script>
    new RGraph.SVG.Radar({
        id: 'chart-container',
        data: [8,4,7,6,5,8,9,8,6,4,8,7],
        options: {
            colors: ['red'],
            tickmarks: false,
            linewidth: 3,
            labels: [
                'Rhodd',   'Gareth',
                'Jeffory', 'Gordon',
                'Edgar',   'Lawrence',
                'Oliver',  'Peter',
                'Lucifer', 'Kenneth',
                'Jarvis',  'Quentin'
            ],
            scaleColor: '#999',
            tickmarks: 'circle',
            backgroundGridPoly: false
        }
    }).draw();
</script>

« Back