diff --git a/src/views/chart/BarChartDemo.vue b/src/views/chart/BarChartDemo.vue
index 48c3db84c..f69061045 100755
--- a/src/views/chart/BarChartDemo.vue
+++ b/src/views/chart/BarChartDemo.vue
@@ -47,7 +47,7 @@ export default {
             else
                 this.applyLightTheme();
         };
-        EventBus.on('change-theme', this.themeChangeListener);
+        EventBus.on('theme-change', this.themeChangeListener);
 
         if (this.isDarkTheme()) {
             this.applyDarkTheme();
diff --git a/src/views/chart/ComboChartDemo.vue b/src/views/chart/ComboChartDemo.vue
index 99457fe6e..cc36d2985 100755
--- a/src/views/chart/ComboChartDemo.vue
+++ b/src/views/chart/ComboChartDemo.vue
@@ -31,7 +31,7 @@ export default {
             else
                 this.applyLightTheme();
         };
-        EventBus.on('change-theme', this.themeChangeListener);
+        EventBus.on('theme-change', this.themeChangeListener);
 
         if (this.isDarkTheme()) {
             this.applyDarkTheme();
diff --git a/src/views/chart/DoughnutChartDemo.vue b/src/views/chart/DoughnutChartDemo.vue
index 5bab004d8..e6eb0745d 100755
--- a/src/views/chart/DoughnutChartDemo.vue
+++ b/src/views/chart/DoughnutChartDemo.vue
@@ -31,7 +31,7 @@ export default {
             else
                 this.chartOptions = this.getLightTheme();
         }
-        EventBus.on('change-theme', this.themeChangeListener );
+        EventBus.on('theme-change', this.themeChangeListener );
     },
     beforeUnmount() {
         EventBus.off('change-theme', this.themeChangeListener );
diff --git a/src/views/chart/LineChartDemo.vue b/src/views/chart/LineChartDemo.vue
index 23d1f6190..3e071649a 100755
--- a/src/views/chart/LineChartDemo.vue
+++ b/src/views/chart/LineChartDemo.vue
@@ -42,7 +42,7 @@ export default {
             else
                 this.applyLightTheme();
         };
-        EventBus.on('change-theme', this.themeChangeListener);
+        EventBus.on('theme-change', this.themeChangeListener);
 
         if (this.isDarkTheme()) {
             this.applyDarkTheme();
diff --git a/src/views/chart/PieChartDemo.vue b/src/views/chart/PieChartDemo.vue
index 5120e3585..116a63bab 100755
--- a/src/views/chart/PieChartDemo.vue
+++ b/src/views/chart/PieChartDemo.vue
@@ -31,7 +31,7 @@ export default {
             else
                 this.chartOptions = this.getLightTheme();
         }
-        EventBus.on('change-theme', this.themeChangeListener );
+        EventBus.on('theme-change', this.themeChangeListener );
     },
     beforeUnmount() {
         EventBus.off('change-theme', this.themeChangeListener);
diff --git a/src/views/chart/PolarAreaChartDemo.vue b/src/views/chart/PolarAreaChartDemo.vue
index 88d7474ae..c985acf96 100755
--- a/src/views/chart/PolarAreaChartDemo.vue
+++ b/src/views/chart/PolarAreaChartDemo.vue
@@ -31,7 +31,7 @@ export default {
             else
                 this.chartOptions = this.getLightTheme();
         }
-        EventBus.on('change-theme', this.themeChangeListener );
+        EventBus.on('theme-change', this.themeChangeListener );
     },
     beforeUnmount() {
         EventBus.off('change-theme', this.themeChangeListener );
diff --git a/src/views/chart/RadarChartDemo.vue b/src/views/chart/RadarChartDemo.vue
index 4cfd06fc5..d877c4125 100755
--- a/src/views/chart/RadarChartDemo.vue
+++ b/src/views/chart/RadarChartDemo.vue
@@ -31,7 +31,7 @@ export default {
             else
                 this.chartOptions = this.getLightTheme();
         }
-        EventBus.on('change-theme', this.themeChangeListener );
+        EventBus.on('theme-change', this.themeChangeListener );
     },
     beforeUnmount() {
         EventBus.off('change-theme', this.themeChangeListener );
diff --git a/src/views/tabview/TabViewDemo.vue b/src/views/tabview/TabViewDemo.vue
index cb33ba1e9..868552fb3 100755
--- a/src/views/tabview/TabViewDemo.vue
+++ b/src/views/tabview/TabViewDemo.vue
@@ -185,7 +185,7 @@ export default {
                 this.$refs.tabview4.updateInkBar();
             }, 50);
         };
-        EventBus.on('change-theme', this.themeChangeListener);
+        EventBus.on('theme-change', this.themeChangeListener);
     },
     beforeUnmount() {
         clearTimeout(this.timeout);