# A Scatter chart customised to like the charts in Google Webmaster Tools

This goes in the documents header:

    <script src="RGraph.common.core.js"></script>
    <script src="RGraph.scatter.js"></script>

Put this where you want the chart to show up:

    <canvas id="cvs" width="600" height="200">
        [No canvas support]
    </canvas>

This is the code that generates the chart:

    <script>
        // Create some sample data
        for (var i=0, data = [], y=21; i<90; i+=1) {
            data.push([i, y = Math.max(0,y + RGraph.random(-5,5))]);
        }

        new RGraph.Scatter({
            id: 'cvs',
            data: data,
            options: {
                xmax: 90,
                labels: [
                    ['January', 0],
                    ['February', 30],
                    ['March', 60]
                ],
                labelsSpecificAlign: 'left',
                line: true,
                tickmarks: null,
                backgroundGridAutofitNumvlines: 3,
                textSize: 14
            }
        }).trace2({frames: 60});
    </script>

« Back