Formatting

Author: Martin Hansen

src/Plotly.vue

@@ -126,14 +126,15 @@ export default {
       return Plotly.plot(this.$refs.container, this.data, this.internalLayout, this.options)
     },
     newPlot() {
-      var el = this.$refs.container;
+      var el = this.$refs.container
+      let opts = this.options
 
-      //if width/height is not specified for toImageButton, default to el.clientWidth/clientHeight
-      if(!this.options) this.options = {};
-      if(!this.options.toImageButtonOptions) this.options.toImageButtonOptions = {};
-      if(!this.options.toImageButtonOptions.width) this.options.toImageButtonOptions.width = el.clientWidth;
-      if(!this.options.toImageButtonOptions.height) this.options.toImageButtonOptions.height = el.clientHeight;
-      return Plotly.newPlot(this.$refs.container, this.data, this.internalLayout, this.options)
+      // if width/height is not specified for toImageButton, default to el.clientWidth/clientHeight
+      if (!opts) opts = {}
+      if (!opts.toImageButtonOptions) opts.toImageButtonOptions = {}
+      if (!opts.toImageButtonOptions.width) opts.toImageButtonOptions.width = el.clientWidth
+      if (!opts.toImageButtonOptions.height) opts.toImageButtonOptions.height = el.clientHeight
+      return Plotly.newPlot(this.$refs.container, this.data, this.internalLayout, opts)
     },
     react() {
       return Plotly.react(this.$refs.container, this.data, this.internalLayout, this.options)