分公司bi

src/pages/Container/White/BranchOffice/components/CenterPanel/index.js

@@ -64,27 +64,7 @@ function CenterPanel() {
     getWeatherData();
   }, []);
 
-  useEventListener("resize", () => {
+  const initEcharts = () => {
-    setTimeout(() => {
-      if (chart1Instance.current) {
-        chart1Instance.current.resize();
-      }
-      if (chart2Instance.current) {
-        chart2Instance.current.resize();
-      }
-      if (chart3Instance.current) {
-        chart3Instance.current.resize();
-      }
-      if (chart4Instance.current) {
-        chart4Instance.current.resize();
-      }
-      if (chart5Instance.current) {
-        chart5Instance.current.resize();
-      }
-    }, 0);
-  });
-
-  useMount(() => {
     setTimeout(() => {
       initEcharts1(main1Ref, chart1Instance, {
         majorRiskCount: 1,
@@ -133,6 +113,31 @@ function CenterPanel() {
         { department: "设备管理部", yearOnYear: 1, monthOnMonth: 1 },
       ]);
     }, 0);
+  };
+
+  useEventListener("resize", () => {
+    setTimeout(() => {
+      if (chart1Instance.current) {
+        chart1Instance.current.dispose();
+      }
+      if (chart2Instance.current) {
+        chart2Instance.current.dispose();
+      }
+      if (chart3Instance.current) {
+        chart3Instance.current.dispose();
+      }
+      if (chart4Instance.current) {
+        chart4Instance.current.dispose();
+      }
+      if (chart5Instance.current) {
+        chart5Instance.current.dispose();
+      }
+      initEcharts();
+    }, 0);
+  });
+
+  useMount(() => {
+    initEcharts();
 
     return () => {
       if (chart1Instance.current) {