diff --git a/src/views/report/dashboardPage/dashboard8/utils.ts b/src/views/report/dashboardPage/dashboard8/utils.ts
index 2ba468b1..fe6c7c70 100644
--- a/src/views/report/dashboardPage/dashboard8/utils.ts
+++ b/src/views/report/dashboardPage/dashboard8/utils.ts
@@ -1,4 +1,4 @@
-import { onUnmounted } from 'vue'
+import { onMounted, onUnmounted } from 'vue'
 import * as echarts from 'echarts'
 
 export const colors = {
@@ -45,7 +45,12 @@ export function useChart(domId: string) {
     chart?.resize()
   }
 
+  onMounted(() => {
+    window.addEventListener('resize', resize)
+  })
+
   onUnmounted(() => {
+    window.removeEventListener('resize', resize)
     chart?.dispose()
   })