A basic line chart

This is a basic Line chart - basic except for the background. A drawing API background object is drawn first (the small, faint grid) and then the chart is drawn on top which has the larger, darker grid. In Google Chrome, which supports dotted and dashed lines on canvas, the darker gridlines are dashed.

[No canvas support]

This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.drawing.background.js"></script>
<script src="RGraph.line.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250">
    [No canvas support]
</canvas>
This is the code that generates the chart:
<script>
    new RGraph.Drawing.Background({
        id: 'cvs',
        options: {
            marginLeft: 55,
            marginRight: 35,
            marginTop: 35,
            marginBottom: 35,
            backgroundGridVlinesCount:48,
            backgroundGridHlinesCount: 20,
            backgroundGridColor: '#eee'
        }
    }).draw();

    new RGraph.Line({
        id: 'cvs',
        data: [5,4,1,6,8,5,3],
        options: {
            xaxisLabels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
            marginLeft: 55,
            marginRight: 35,
            marginBottom: 35,
            marginTop: 35,
            title: 'A basic line chart',
            backgroundGridColor: '#aaa',
            backgroundGridDashed: true,
            xaxisLabelsOffsety: 5
        }
    }).draw();
</script>