fix(frontend): echarts resize

visualDust · Nov 25, 2023 · 4438b4c · 4438b4c
1 parent ab8368e
commit 4438b4c
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/neetbox/frontend/src/components/echarts.tsx b/neetbox/frontend/src/components/echarts.tsx
@@ -2,9 +2,9 @@ import { useRef, useEffect, HTMLAttributes } from "react";
 import * as echarts from "echarts";
 
 export interface EChartsProps {
-    initialOption: () => echarts.EChartsOption;
-    updatingOption: echarts.EChartsOption;
-    style?: HTMLAttributes<HTMLElement>['style'];
+  initialOption: () => echarts.EChartsOption;
+  updatingOption: echarts.EChartsOption;
+  style?: HTMLAttributes<HTMLElement>["style"];
 }
 
 export const ECharts = (props: EChartsProps) => {
@@ -17,7 +17,13 @@ export const ECharts = (props: EChartsProps) => {
     chart.setOption(props.initialOption());
     chartRef.current = chart;
 
+    const handleResize = () => {
+      chart.resize();
+    };
+    window.addEventListener("resize", handleResize);
+
     return () => {
+      window.removeEventListener("resize", handleResize);
       chart.dispose();
     };
   }, []);