web优化

.trae/documents/修复DNS请求趋势图表展开后影响主页面图表的问题.md

@@ -0,0 +1,18 @@
+## 问题分析
+当前实现中，详细图表（浮窗）的时间范围切换会影响到主页面的图表显示，这是因为它们共享了全局变量`currentTimeRange`和`isMixedView`。当用户在浮窗内切换时间范围时，这些全局变量会被修改，导致主页面的图表也随之改变。
+
+## 解决方案
+1. 为详细图表创建独立的变量，用于存储其时间范围和混合视图状态
+2. 修改`initDetailedTimeRangeToggle`函数，使其使用这些独立的变量，而不是全局变量
+3. 修改`drawDetailedDNSRequestsChart`函数，使用独立的变量来控制图表显示
+4. 确保主图表默认显示混合视图
+
+## 修复步骤
+1. 在`dashboard.js`文件中添加详细图表专用的全局变量
+2. 修改`initDetailedTimeRangeToggle`函数，使用详细图表专用变量
+3. 修改`drawDetailedDNSRequestsChart`函数，使用详细图表专用变量
+4. 确保主图表默认显示混合视图
+5. 测试修复效果，确保浮窗内的时间范围切换不会影响主页面图表
+
+## 预期效果
+修复后，DNS请求趋势图表默认显示混合内容视图不变，当用户点击展开按钮查看详细数据时，浮窗内的时间范围切换不会影响到主页面的图表内容，提供更好的用户体验。