Files
dns-server/.trae/documents/修复DNS请求趋势图表展开后影响主页面图表的问题.md
Alex Yang 8ee1d94471 web优化
2025-11-27 15:51:55 +08:00

1.2 KiB
Raw Blame History

问题分析

当前实现中,详细图表(浮窗)的时间范围切换会影响到主页面的图表显示,这是因为它们共享了全局变量currentTimeRangeisMixedView。当用户在浮窗内切换时间范围时,这些全局变量会被修改,导致主页面的图表也随之改变。

解决方案

  1. 为详细图表创建独立的变量,用于存储其时间范围和混合视图状态
  2. 修改initDetailedTimeRangeToggle函数,使其使用这些独立的变量,而不是全局变量
  3. 修改drawDetailedDNSRequestsChart函数,使用独立的变量来控制图表显示
  4. 确保主图表默认显示混合视图

修复步骤

  1. dashboard.js文件中添加详细图表专用的全局变量
  2. 修改initDetailedTimeRangeToggle函数,使用详细图表专用变量
  3. 修改drawDetailedDNSRequestsChart函数,使用详细图表专用变量
  4. 确保主图表默认显示混合视图
  5. 测试修复效果,确保浮窗内的时间范围切换不会影响主页面图表

预期效果

修复后DNS请求趋势图表默认显示混合内容视图不变当用户点击展开按钮查看详细数据时浮窗内的时间范围切换不会影响到主页面的图表内容提供更好的用户体验。