# A basic SVG Radar chart

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: [
                [89,60,84,78,58],
                [60,80,70,80,82]
            ],
            options: {
                filled: true,
                filledAccumulative: false,
                colors: ['red','blue'],
                tickmarks: false,
                linewidth: 3,
                labels: ['Speed','Reliability','Comfort','Safety','Efficiency'],
                scaleColor: '#999'
            }
        }).draw();
    </script>

« Back