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