# 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