fix plot performance

Author: pfitzseb

lib/plots/canopy.js

@@ -79,8 +79,6 @@ export class Pannable extends Etch {
 
     this.isLoaded = false
 
-    // force update, so readAfterUpdate gets executed
-    this.update()
     if (item && item.nodeName && item.nodeName.toLowerCase() === 'img') {
       item.onload = () => {
         etch.update(this).then(() => {
@@ -92,16 +90,12 @@ export class Pannable extends Etch {
     } else {
       this.isLoaded = true
     }
-    this.update()
+    etch.update(this)
   }
 
   readAfterUpdate () {
     this.innerContainerRect = this.refs.innerContainer.getBoundingClientRect()
     this.outerContainerRect = this.refs.outerContainer.getBoundingClientRect()
-
-    this.setInitialScale(this.item)
-
-    etch.update(this)
   }
 
   setInitialScale (item) {
@@ -117,18 +111,20 @@ export class Pannable extends Etch {
   }
 
   resetAll () {
+    this.setInitialScale(this.item)
     this.scale = this.initialScale
     this.left = 0
     this.top = 0
-    this.update()
+    
+    etch.update(this)
   }
 
   ondrag({movementX, movementY}) {
     if (!this.dragging) return;
 
     this.left += movementX
     this.top += movementY
-    this.update();
+    etch.update(this);
   }
 
   zoom(e, amount) {
@@ -151,7 +147,7 @@ export class Pannable extends Etch {
       this.left -= x*zoom - x
       this.top -= y*zoom - y
     }
-    this.update();
+    etch.update(this);
   }
 
   toolbarView () {