diff --git a/nezha-fronted/src/components/chart/chart.vue b/nezha-fronted/src/components/chart/chart.vue
index a98bc87fb..b4f28f687 100644
--- a/nezha-fronted/src/components/chart/chart.vue
+++ b/nezha-fronted/src/components/chart/chart.vue
@@ -1,7 +1,7 @@
 <template>
   <div :style="showHeader&&chartInfo.param.showHeader ? '' : 'padding-top: 15px;'" class="nz-chart" :class="showHeader&&chartInfo.param.showHeader ? '' : 'no-header'" >
     <loading :loading="loading"></loading>
-    <chart-no-data v-if="isNoData || isError || chartChildrenData"></chart-no-data>
+    <chart-no-data  v-if="isNoData || isError || chartChildrenData"></chart-no-data>
     <template v-else>
       <chart-time-series
         v-if="isTimeSeries(chartInfo.type)"
@@ -297,6 +297,7 @@ export default {
       this.chartChildrenData = flag
     },
     resize () {
+      console.log(this.$refs['chart' + this.chartInfo.id])
       this.$refs['chart' + this.chartInfo.id] && this.$refs['chart' + this.chartInfo.id].resize()
     },
     refreshLogs (params) {
diff --git a/nezha-fronted/src/components/chart/chart/chartAssetInfo.vue b/nezha-fronted/src/components/chart/chart/chartAssetInfo.vue
index 3ba9e19ce..06badb8a1 100644
--- a/nezha-fronted/src/components/chart/chart/chartAssetInfo.vue
+++ b/nezha-fronted/src/components/chart/chart/chartAssetInfo.vue
@@ -16,6 +16,11 @@ export default {
   data () {
     return {
 
+    }
+  },
+  methods: {
+    resize () {
+
     }
   }
 }
diff --git a/nezha-fronted/src/components/chart/chart/chartEndpointInfo.vue b/nezha-fronted/src/components/chart/chart/chartEndpointInfo.vue
index 3e995ccdf..73c312f34 100644
--- a/nezha-fronted/src/components/chart/chart/chartEndpointInfo.vue
+++ b/nezha-fronted/src/components/chart/chart/chartEndpointInfo.vue
@@ -16,6 +16,11 @@ export default {
   data () {
     return {
 
+    }
+  },
+  methods: {
+    resize () {
+
     }
   }
 }
diff --git a/nezha-fronted/src/components/chart/chart/chartGauge.vue b/nezha-fronted/src/components/chart/chart/chartGauge.vue
index ce44b722c..cae35f378 100644
--- a/nezha-fronted/src/components/chart/chart/chartGauge.vue
+++ b/nezha-fronted/src/components/chart/chart/chartGauge.vue
@@ -213,9 +213,11 @@ export default {
       })
     },
     resize () {
-      this.getLayout().then(layout => {
-        this.renderGauge(layout).then(() => {
-          this.gaugeChartResize()
+      setTimeout(() => {
+        this.getLayout().then(layout => {
+          this.renderGauge(layout).then(() => {
+            this.gaugeChartResize()
+          })
         })
       })
     },
diff --git a/nezha-fronted/src/components/chart/chart/chartNoData.vue b/nezha-fronted/src/components/chart/chart/chartNoData.vue
index 0c2b2f1fd..1a79a84db 100644
--- a/nezha-fronted/src/components/chart/chart/chartNoData.vue
+++ b/nezha-fronted/src/components/chart/chart/chartNoData.vue
@@ -6,6 +6,11 @@
 
 <script>
 export default {
-  name: 'chartNoData'
+  name: 'chartNoData',
+  methods: {
+    resize () {
+
+    }
+  }
 }
 </script>
diff --git a/nezha-fronted/src/components/chart/chart/chartText.vue b/nezha-fronted/src/components/chart/chart/chartText.vue
index fd71d505f..6b20cf461 100644
--- a/nezha-fronted/src/components/chart/chart/chartText.vue
+++ b/nezha-fronted/src/components/chart/chart/chartText.vue
@@ -21,6 +21,9 @@ export default {
     }
   },
   methods: {
+    resize () {
+      
+    }
   },
   watch: {
     chartInfo: {
diff --git a/nezha-fronted/src/components/chart/chart/chartTimeSeries.vue b/nezha-fronted/src/components/chart/chart/chartTimeSeries.vue
index f27bdc96d..ba8f082b7 100644
--- a/nezha-fronted/src/components/chart/chart/chartTimeSeries.vue
+++ b/nezha-fronted/src/components/chart/chart/chartTimeSeries.vue
@@ -331,7 +331,10 @@ export default {
       }
     },
     resize () {
-      getChart(this.chartId).resize()
+      console.log(213)
+      setTimeout(() => {
+        getChart(this.chartId) && getChart(this.chartId).resize()
+      }, 100)
     }
   },
   mounted () {
diff --git a/nezha-fronted/src/components/chart/chartList.vue b/nezha-fronted/src/components/chart/chartList.vue
index e6f6b413d..b6d7c42bc 100644
--- a/nezha-fronted/src/components/chart/chartList.vue
+++ b/nezha-fronted/src/components/chart/chartList.vue
@@ -334,6 +334,15 @@ export default {
         })
       }, 200)
     },
+    resize () {
+      this.init()
+      this.copyDataList.forEach(item => {
+        if (item.type === 'group') {
+          this.$refs['chart' + item.id][0] && this.$refs['chart' + item.id][0].$refs.chart && this.$refs['chart' + item.id][0].$refs.chart.$refs['chart' + item.id] && this.$refs['chart' + item.id][0].$refs.chart.$refs['chart' + item.id].$refs.chartList.resize()
+        }
+        this.$refs['chart' + item.id][0] && this.$refs['chart' + item.id][0].resize()
+      })
+    },
     refreshPanel () {
       bus.$emit('refreshPanel')
     }
@@ -346,9 +355,11 @@ export default {
     if (!this.isGroup) {
       bus.$on('groupMove', this.changeGroupHeight)
       this.$store.commit('setChartListId', `chartList${this.timestamp}`)
+      window.addEventListener('resize', this.resize)
     }
   },
   beforeDestroy () {
+    window.removeEventListener('resize', this.resize)
   },
   watch: {
     dataList: {
diff --git a/nezha-fronted/src/components/chart/chartMixin.js b/nezha-fronted/src/components/chart/chartMixin.js
index 73ce27dfd..3e8224aef 100644
--- a/nezha-fronted/src/components/chart/chartMixin.js
+++ b/nezha-fronted/src/components/chart/chartMixin.js
@@ -261,7 +261,10 @@ export default {
       }
     },
     resize () {
-      getChart(this.chartId) && getChart(this.chartId).resize()
+      console.log('reszie')
+      setTimeout(() => {
+        getChart(this.chartId) && getChart(this.chartId).resize()
+      }, 100)
     }
   },
   watch: {
diff --git a/nezha-fronted/src/components/chart/panelChart.vue b/nezha-fronted/src/components/chart/panelChart.vue
index 5cedc8b5f..1a8ccf353 100644
--- a/nezha-fronted/src/components/chart/panelChart.vue
+++ b/nezha-fronted/src/components/chart/panelChart.vue
@@ -386,7 +386,7 @@ export default {
       })
     },
     resize () {
-      this.$refs.chart.resize()
+      this.$refs.chart && this.$refs.chart.resize()
     },
     refresh () {
       this.getChartData(true)