vue-chartjs - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

package.json

 {
   "name": "vue-chartjs",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Vue wrapper for chart.js",
@@ -5,0 +5,0 @@ "author": "Jakub Juszczak <[e-mail]>",

README.md

 # Vue-ChartJs
 
+[![npm version](https://badge.fury.io/js/vue-chartjs.svg)] (https://badge.fury.io/js/vue-chartjs) ![npm dependencies](https://david-dm.org/apertureless/vue-chartjs.svg) 
+
 > VueJS wrapper for ChartJs
@@ -4,0 +6,0 @@

src/BaseCharts/Bar.js

@@ -48,3 +48,3 @@ import Vue from 'vue'
     render (data, options = this.options) {
-      const chart = new Chart(
+      this._chart = new Chart(
         this.$els.canvas.getContext('2d'), {
@@ -56,5 +56,8 @@ type: 'bar',
       )
-      chart.generateLegend()
+      this._chart.generateLegend()
     }
+  },
+  beforeDestroy () {
+    this._chart.destroy()
   }
 })

src/BaseCharts/Doughnut.js

@@ -31,3 +31,3 @@ import Vue from 'vue'
     render (data, options = this.options) {
-      const chart = new Chart(
+      this._chart = new Chart(
         this.$els.canvas.getContext('2d'), {
@@ -39,5 +39,8 @@ type: 'doughnut',
       )
-      chart.generateLegend()
+      this._chart.generateLegend()
     }
+  },
+  beforeDestroy () {
+    this._chart.destroy()
   }
 })

src/BaseCharts/Line.js

@@ -46,3 +46,3 @@ import Vue from 'vue'
     render (data, options = this.options) {
-      const chart = new Chart(
+      this._chart = new Chart(
         this.$els.canvas.getContext('2d'), {
@@ -54,5 +54,8 @@ type: 'line',
       )
-      chart.generateLegend()
+      this._chart.generateLegend()
     }
+  },
+  beforeDestroy () {
+    this._chart.destroy()
   }
 })

src/BaseCharts/Pie.js

@@ -31,3 +31,3 @@ import Vue from 'vue'
     render (data, options = this.options) {
-      const chart = new Chart(
+      this._chart = new Chart(
         this.$els.canvas.getContext('2d'), {
@@ -39,5 +39,8 @@ type: 'pie',
       )
-      chart.generateLegend()
+      this._chart.generateLegend()
     }
+  },
+  beforeDestroy () {
+    this._chart.destroy()
   }
 })

src/BaseCharts/PolarArea.js

@@ -31,3 +31,3 @@ import Vue from 'vue'
     render (data, options = this.options) {
-      const chart = new Chart(
+      this._chart = new Chart(
         this.$els.canvas.getContext('2d'), {
@@ -39,5 +39,8 @@ type: 'polarArea',
       )
-      chart.generateLegend()
+      this._chart.generateLegend()
     }
+  },
+  beforeDestroy () {
+    this._chart.destroy()
   }
 })

src/BaseCharts/Radar.js

@@ -31,3 +31,3 @@ import Vue from 'vue'
     render (data, options = this.options) {
-      const chart = new Chart(
+      this._chart = new Chart(
         this.$els.canvas.getContext('2d'), {
@@ -39,5 +39,8 @@ type: 'radar',
       )
-      chart.generateLegend()
+      this._chart.generateLegend()
     }
+  },
+  beforeDestroy () {
+    this._chart.destroy()
   }
 })

No alert changes

Improved metrics

Total package byte prevSize

3893739

0.07%

Number of package files

50

2.04%

Lines of code

2623

0.77%

Number of lines in readme file

145

1.4%

No dependency changes