An SVG Radar chart using the trace effect

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: 600px; height: 500px" id="chart-container"></div>

This is the code that generates the chart:

<script>
    data = [
        [8,7,9,9,8,8,8],
        [5,8,5,6,3,5,6]
    ];

    radar = new RGraph.SVG.Radar({
        id: 'chart-container',
        data: data,
        options: {
            backgroundGridColor: '#ddd',
            colors: ['red','black'],
            linewidth: 2,
            labels: ['Bob','Reg','Dug','Lou','Joe','Kev','Jon'],
            tickmarks: 'filledcircle',
            tickmarksSize: 5
        }
    }).trace();
</script>

« Back