This is an example of a Radar chart that has been configured with multiple datasets and is using the filledAccumulative
option so that the datasets appear stacked on top of each other.
<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: 750px; height: 300px" id="chart-container"></div>This is the code that generates the chart:
<script> data = []; for (var j=0; j<5; ++j) { data[j]=[] for (var i=0; i<50; ++i) { data[j][i] = RGraph.SVG.random(9,10,2); } } // Create the labels for (var i=0,labels=[]; i<25; ++i) { labels.push(1990+i) } new RGraph.SVG.Radar({ id: 'chart-container', data: data, options: { backgroundGridRadialsCount: 25, filled: true, filledAccumulative: true, colors: ['red','blue','green','black','orange'], scaleUnitsPost: 'kg', tickmarksStyle: false, linewidth: 1, labels: labels } }).draw(); </script>