18 lines
1.1 KiB
Markdown
18 lines
1.1 KiB
Markdown
## 问题分析
|
||
CPU使用率卡片数据不会跟随WebSocket自动更新的原因是`updateStatsCards`函数中缺少了CPU使用率的更新逻辑。该函数负责处理WebSocket实时数据并更新统计卡片，但只更新了7个统计卡片，遗漏了CPU使用率卡片。
|
||
|
||
## 修复方案
|
||
1. **修改`updateStatsCards`函数**：在`dashboard.js`文件中添加CPU使用率和状态的更新逻辑
|
||
2. **添加数据获取逻辑**：从不同可能的数据结构中获取CPU使用率数据
|
||
3. **更新DOM元素**：将获取到的CPU使用率数据更新到`cpu-usage`和`cpu-status`元素中
|
||
4. **添加状态判断**：根据CPU使用率值设置不同的状态文本和样式
|
||
|
||
## 实现步骤
|
||
1. 打开`dashboard.js`文件
|
||
2. 找到`updateStatsCards`函数（约第550行）
|
||
3. 在函数末尾添加CPU使用率更新逻辑
|
||
4. 确保从`stats`对象中正确获取CPU使用率数据
|
||
5. 更新`cpu-usage`和`cpu-status`元素的内容和样式
|
||
|
||
## 预期效果
|
||
修复后，当WebSocket接收到实时数据更新时，CPU使用率卡片会自动更新显示最新的CPU使用率和状态，与其他统计卡片保持一致的实时更新效果。 |