A basic SVG Radar chart. The chart has two datasets - hence there being two lines and it uses a key so that you can tell which dataset is which.
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'], tickmarksStyle: null, linewidth: 3, labels: ['Speed','Reliability','Comfort','Safety','Efficiency'], tooltips: [ '','Reliability','Comfort','Safety','Efficiency', 'Speed','Reliability','Comfort','Safety','Efficiency' ], scaleColor: '#999', key: ['Robert','Jeoffory'], keyOffsety: -25, marginTop: 45 } }).draw(); </script>