图表增加了适配窗口大小

This commit is contained in:
sijinhui 2024-03-21 14:07:42 +08:00
parent c1a37cdf53
commit b8d8b8353f
2 changed files with 621 additions and 587 deletions

View File

@ -146,6 +146,20 @@ function EchartsComponent({ currentDate, setCurrentDate }: ComponentProps) {
};
}, [currentDate, searchDate]); // 空数组作为第二个参数,表示仅在组件挂载和卸载时执行
useEffect(() => {
const handleResize = () => {
console.log("窗口大小变化");
let chartDom = document.getElementById("usage-by-model-chart");
if (!chartDom) return;
const myChart = echarts.getInstanceByDom(chartDom);
myChart?.resize();
};
window.addEventListener("resize", handleResize);
return () => {
window.removeEventListener("resize", handleResize);
};
}, []);
return (
<div
id="usage-by-model-chart"

File diff suppressed because it is too large Load Diff