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