# The Scatter chart trace2 effect

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="250">
        [No canvas support]
    </canvas>

This is the code that generates the chart:

    <script>
        var data = [];

        for (var i=0; i<500; ++i) {
            data.push([RGraph.random(0, 100) / 10, RGraph.random(0,50) / 10]);
        }

        new RGraph.Scatter({
            id: 'cvs',
            data: data,
            options: {
                xmax: 10,
                scaleDecimals: 1,
                labels: ['Q1','Q2','Q3','Q4'],
                textAccessible: true
            }
        }).trace2();
    </script>