Rgraph Scatter Big Data

Rgraph Scatter Big Data

HTML

<script src="http://www.rgraph.net/libraries/RGraph.common.core.js"></script>
<script src="http://www.rgraph.net/libraries/RGraph.bar.js"></script>
<script src="http://www.rgraph.net/libraries/RGraph.common.annotate.js"></script>
<script src="http://www.rgraph.net/libraries/RGraph.common.context.js"></script>
<script src="http://www.rgraph.net/libraries/RGraph.common.dynamic.js"></script>
<script src="http://www.rgraph.net/libraries/RGraph.line.js"></script>
<script src="http://www.rgraph.net/libraries/RGraph.scatter.js"></script>
<script src="http://www.rgraph.net/libraries/RGraph.common.tooltips.js"></script>
<canvas id="cvs" width="1000" height="600" style="cursor: default;">[No canvas support]</canvas>

JavaScript

function tooltip_override (obj, text, x, y, idx) {
        alert('In tooltip override function...');
}

var data = [];
    
    for (var i=0; i < 100; ++i) {
        data.push([
            RGraph.random(0,360),
            RGraph.random(-100,100) * 0.01,
            ['black','blue','pink','green','red'][RGraph.random(0,4)]
        ]);
    }

    var rscatter = new RGraph.Rscatter({
            id: 'cvs',
            data: [data],
            options: {
                textAccessible: true
            }
        }).draw();
    
    rscatter.canvas.onmousemove = function (e)
        {
            var obj   = e.target.__object__;
            var shape = obj.getShape(e);

            if (!shape) {
                //RGraph.hideTooltip();
                //RGraph.redraw();
            }
            else {
            	console.log(shape);
            }
        }
        
    console.time('scatter');
    rscatter.draw();
    console.timeEnd('scatter');