Scope regl creation by trace

Author: dy

src/plot_api/plot_api.js

@@ -42,8 +42,6 @@ var enforceAxisConstraints = axisConstraints.enforce;
 var cleanAxisConstraints = axisConstraints.clean;
 var axisIds = require('../plots/cartesian/axis_ids');
 
-var createRegl = require('regl');
-
 
 /**
  * Main plot-creation function
@@ -213,17 +211,6 @@ Plotly.plot = function(gd, data, layout, config) {
             }]);
 
             fullLayout._glcanvas.enter().append('canvas')
-                .each(function(d) {
-                    d.regl = createRegl({
-                        canvas: this,
-                        attributes: {
-                            antialias: !d.pick,
-                            preserveDrawingBuffer: true
-                        },
-                        extensions: ['ANGLE_instanced_arrays', 'OES_element_index_uint'],
-                        pixelRatio: gd._context.plotGlPixelRatio || global.devicePixelRatio
-                    });
-                })
                 .attr('class', function(d) {
                     return 'gl-canvas gl-canvas-' + d.key.replace('Layer', '');
                 })

src/traces/parcoords/plot.js

@@ -9,6 +9,7 @@
 'use strict';
 
 var parcoords = require('./parcoords');
+var createRegl = require('regl');
 
 module.exports = function plot(gd, cdparcoords) {
 
@@ -17,6 +18,19 @@ module.exports = function plot(gd, cdparcoords) {
     var root = fullLayout._paperdiv;
     var container = fullLayout._glcontainer;
 
+    // make sure proper regl instances are created
+    fullLayout._glcanvas.each(function(d) {
+        if(d.regl) return;
+        d.regl = createRegl({
+            canvas: this,
+            attributes: {
+                antialias: !d.pick,
+                preserveDrawingBuffer: true
+            },
+            pixelRatio: gd._context.plotGlPixelRatio || global.devicePixelRatio
+        });
+    });
+
     var gdDimensions = {};
     var gdDimensionsOriginalOrder = {};