## 问题分析 展开图表超出了显示范围,没有按照展开浮窗大小显示内容。通过代码分析,发现以下问题: 1. 图表容器使用了固定高度 `h-[600px]`,这可能导致在某些屏幕尺寸下图表超出显示范围 2. 浮窗容器设置了 `max-h-[90vh]`,但图表容器的固定高度可能超过这个限制 3. 当图表初始化时,可能没有正确计算容器的实际可用空间 ## 解决方案 1. 修改图表容器的高度设置,使其更灵活,能够适应不同屏幕尺寸 2. 确保图表容器的高度不超过浮窗的最大高度限制 3. 在图表显示时,确保正确计算容器大小并更新图表 ## 修复步骤 1. 打开 `index.html` 文件,修改图表容器的高度设置 2. 将固定高度 `h-[600px]` 改为相对高度或最大高度 3. 确保图表容器的高度能够适应浮窗的可用空间 4. 在 `drawDetailedDNSRequestsChart` 函数中,添加对图表容器大小的检查和调整 5. 确保在图表显示时,正确计算容器大小并更新图表 ## 预期效果 修复后,当用户展开DNS请求趋势图表时,图表会根据浮窗的可用空间自动调整大小,不会超出显示范围,提供更好的用户体验。