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