diff --git a/src/BaseCharts/Bar.js b/src/BaseCharts/Bar.js
index b8c7695..33e70f4 100644
--- a/src/BaseCharts/Bar.js
+++ b/src/BaseCharts/Bar.js
@@ -55,7 +55,7 @@ export default Vue.extend({
       this._chart.generateLegend()
     }
   },
-  destroy () {
+  beforeDestroy () {
     this._chart.destroy()
   }
 })
diff --git a/src/BaseCharts/Doughnut.js b/src/BaseCharts/Doughnut.js
index 533b0fd..ab4d087 100644
--- a/src/BaseCharts/Doughnut.js
+++ b/src/BaseCharts/Doughnut.js
@@ -38,7 +38,7 @@ export default Vue.extend({
       this._chart.generateLegend()
     }
   },
-  destroy () {
+  beforeDestroy () {
     this._chart.destroy()
   }
 })
diff --git a/src/BaseCharts/Line.js b/src/BaseCharts/Line.js
index 174b2ef..c45b24f 100644
--- a/src/BaseCharts/Line.js
+++ b/src/BaseCharts/Line.js
@@ -53,7 +53,7 @@ export default Vue.extend({
       this._chart.generateLegend()
     }
   },
-  destroy () {
+  beforeDestroy () {
     this._chart.destroy()
   }
 })
diff --git a/src/BaseCharts/Pie.js b/src/BaseCharts/Pie.js
index bb31b2a..9941cc1 100644
--- a/src/BaseCharts/Pie.js
+++ b/src/BaseCharts/Pie.js
@@ -38,7 +38,7 @@ export default Vue.extend({
       this._chart.generateLegend()
     }
   },
-  destroy () {
+  beforeDestroy () {
     this._chart.destroy()
   }
 })
diff --git a/src/BaseCharts/PolarArea.js b/src/BaseCharts/PolarArea.js
index dafece2..a51197a 100644
--- a/src/BaseCharts/PolarArea.js
+++ b/src/BaseCharts/PolarArea.js
@@ -38,7 +38,7 @@ export default Vue.extend({
       this._chart.generateLegend()
     }
   },
-  destroy () {
+  beforeDestroy () {
     this._chart.destroy()
   }
 })
diff --git a/src/BaseCharts/Radar.js b/src/BaseCharts/Radar.js
index 2232527..f446477 100644
--- a/src/BaseCharts/Radar.js
+++ b/src/BaseCharts/Radar.js
@@ -38,7 +38,7 @@ export default Vue.extend({
       this._chart.generateLegend()
     }
   },
-  destroy () {
+  beforeDestroy () {
     this._chart.destroy()
   }
 })