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