dns-server/.trae/documents/修复DNS请求趋势图表展开后超出显示范围的问题.md

问题分析

展开图表超出了显示范围，没有按照展开浮窗大小显示内容。通过代码分析，发现以下问题：

1. 图表容器使用了固定高度 h-[600px]，这可能导致在某些屏幕尺寸下图表超出显示范围
2. 浮窗容器设置了 max-h-[90vh]，但图表容器的固定高度可能超过这个限制
3. 当图表初始化时，可能没有正确计算容器的实际可用空间

解决方案

1. 修改图表容器的高度设置，使其更灵活，能够适应不同屏幕尺寸
2. 确保图表容器的高度不超过浮窗的最大高度限制
3. 在图表显示时，确保正确计算容器大小并更新图表

修复步骤

1. 打开 index.html 文件，修改图表容器的高度设置
2. 将固定高度 h-[600px] 改为相对高度或最大高度
3. 确保图表容器的高度能够适应浮窗的可用空间
4. 在 drawDetailedDNSRequestsChart 函数中，添加对图表容器大小的检查和调整
5. 确保在图表显示时，正确计算容器大小并更新图表

预期效果

修复后，当用户展开DNS请求趋势图表时，图表会根据浮窗的可用空间自动调整大小，不会超出显示范围，提供更好的用户体验。