Plotly ScatterGL First Test

by brian428

HTML

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<body>
    <h4>GL</h4>
    <div id="glDiv"></div>
    <h4>svg</h4>
    <div id="svgDiv"></div>
</body>

JavaScript

var x = [0, 1, 2, 3, 4];
var y = [0, 1, 3, 1, 3];

var dataGL = [{
    x: x,
    y: y,
    type: 'scattergl'
}]
var dataSvg = [{
    x: x,
    y: y,
    type: 'scatter'
}]
var layout = {};

Plotly.plot('glDiv', dataGL, layout);
Plotly.plot('svgDiv', dataSvg, layout);

$('#glDiv').bind('plotly_relayout', function(event, eventdata) {
    alert('Zoom GL ' + '\n\n' +
        'Event data:' + '\n' +
        JSON.stringify(eventdata) + '\n\n' +
        'x-axis start:' + eventdata['xaxis.range[0]'] + '\n' +
        'x-axis end:' + eventdata['xaxis.range[1]']);
});

$('#svgDiv').bind('plotly_relayout', function(event, eventdata) {
    alert('Zoom SVG ' + '\n\n' +
        'Event data:' + '\n' +
        JSON.stringify(eventdata) + '\n\n' +
        'x-axis start:' + eventdata['xaxis.range[0]'] + '\n' +
        'x-axis end:' + eventdata['xaxis.range[1]']);
});