A Line chart that looks like Google Analytics

[No canvas support]

This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.common.tooltips.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>
    data     = [1056,1200,952,868,846,911,944,955,935,1132,1500,1666,1485,0,0,0,0,0,0,0,0,0,0,0,0];
    tooltips = [];
    
    // Create the tooltips
    for (var i=0; i<data.length; i+=1) {
        tooltips[i] = 'Pageviews: ' + String(data[i])
    }

    new RGraph.Line({
        id: 'cvs',
        data: data,
        options: {
            tooltips: tooltips,
            highlightStyle: 'halo',
            colors: ['#058DC7'],
            filled: true,
            filledColors: 'rgba(229,243,249,0.5)',
            tickmarksStyle: 'filledcircle',
            backgroundGridVlines: false,
            backgroundGridBorder: false,
            backgroundGridHlinesCount: 2,
            shadow: false,
            linewidth: 4,
            marginLeft: 50,
            marginRight: 20,
            xaxisTickmarksCount: 3,
            yaxisLabelsCount: 2,
            axes: false,
            textColor: '#aaa',
            xaxisLabels: ['00:00','04:00','08:00','12:00','16:00','20:00','00:00']
        }
    }).trace2();
</script>