diff --git a/src/views/charts2/charts/NetworkOverviewLine.vue b/src/views/charts2/charts/NetworkOverviewLine.vue
index db35a0f4..1840974f 100644
--- a/src/views/charts2/charts/NetworkOverviewLine.vue
+++ b/src/views/charts2/charts/NetworkOverviewLine.vue
@@ -5907,7 +5907,6 @@ export default {
         return str
       }
       this.myChart.setOption(this.chartOption)
-      this.myChart.resize()
     },
 
     dispatchLegendSelectAction (name) {
@@ -5954,12 +5953,16 @@ export default {
           })
         }
       }
+    },
+    resize () {
+      this.myChart.resize()
     }
   },
   mounted () {
     this.timer = setTimeout(() => {
       this.init()
     }, 100)
+    window.addEventListener('resize', this.resize)
   },
   beforeUnmount () {
     clearTimeout(this.timer)
diff --git a/src/views/charts2/charts/NetworkOverviewPerformanceEvent.vue b/src/views/charts2/charts/NetworkOverviewPerformanceEvent.vue
index ec12dded..ed1c11b4 100644
--- a/src/views/charts2/charts/NetworkOverviewPerformanceEvent.vue
+++ b/src/views/charts2/charts/NetworkOverviewPerformanceEvent.vue
@@ -61,12 +61,17 @@ export default {
         this.chartOption2.series[0].data = this.chartData2
         this.myChart2.setOption(pieChartOption2)
       }
+    },
+    resize () {
+      this.myChart.resize()
+      this.myChart2.resize()
     }
   },
   mounted () {
     this.timer = setTimeout(() => {
       this.init()
     }, 100)
+    window.addEventListener('resize', this.resize)
   },
   beforeUnmount () {
     clearTimeout(this.timer)