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