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