初始化

bj_power_dashboard/src/hooks/useEChart.ts

@@ -1,47 +0,0 @@
-import { useEffect, useRef } from 'react';
-import * as echarts from 'echarts';
-import type { EChartsOption } from 'echarts';
-
-/**
- * 共享 ECharts Hook
- *
- * 相比在每个组件里 `echarts.init` + `dispose` 的写法,这里做了三点优化:
- * 1. 实例只初始化一次 —— 数据变化时走 `setOption(notMerge)`,避免每次刷新
- *    销毁重建造成的闪烁与动画状态丢失,刷新更平滑。
- * 2. 用 `ResizeObserver` 监听容器尺寸 —— 面板伸缩 / 切页 / 父级 flex 变化时
- *    图表能自适应,而不仅仅依赖 `window.resize`。
- * 3. 卸载时统一 dispose,杜绝泄漏。
- *
- * @param option 图表配置,传 null 表示暂不渲染(由调用方处理空态)
- */
-export function useEChart(option: EChartsOption | null) {
-  const ref = useRef<HTMLDivElement>(null);
-  const chartRef = useRef<echarts.ECharts | null>(null);
-
-  // 初始化(仅一次)+ 容器尺寸监听
-  useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-
-    const chart = echarts.init(el, undefined, { renderer: 'canvas' });
-    chartRef.current = chart;
-
-    const ro = new ResizeObserver(() => chart.resize());
-    ro.observe(el);
-
-    return () => {
-      ro.disconnect();
-      chart.dispose();
-      chartRef.current = null;
-    };
-  }, []);
-
-  // 数据变化时更新配置(notMerge: 全量替换,保证空态/有数据态切换干净)
-  useEffect(() => {
-    if (!chartRef.current || !option) return;
-    chartRef.current.setOption(option, { notMerge: true });
-  }, [option]);
-
-  // ref 对象由 useRef 保持稳定,直接返回即可
-  return ref;
-}