A stacked SVG Radar chart

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.

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: 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>