An SVG filled accumulative Line chart

This is an example of a filled Line chart where the datasets are stacked on top of each other. The spline option is enabled so the lines on this chart are curvy.

This goes in the documents header:
<script src="RGraph.svg.common.core.js"></script>
<script src="RGraph.svg.line.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>
    line = new RGraph.SVG.Line({
        id: 'chart-container',
        data: [
            [4,8,6,5,3,1,2],
            [4,8,6,5,3,8,9],
            [4,8,6,5,3,2,1],
            [9,8,7,6,5,8,7],
            [1,2,5,3,2,14,1]
        ],
        options: {
            linewidth: 0,
            shadow: true,
            filled: true,
            filledAccumulative: true,
            filledOpacity: 0.5,
            spline: true,
            xaxisLabels: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'],
            marginBottom: 50,
            title: 'An accumulative filled Line chart'
        }
    }).draw();
</script>