Skip to content

feat: 网络速率图改用对数纵轴,平时的流量不再被突发压成贴底的直线 - #19

Merged
stqfdyr merged 3 commits into
mainfrom
feat/log-rate-axis
Oct 2, 2026
Merged

stqfdyr merged 3 commits into
mainfrom
feat/log-rate-axis

Conversation

@stqfdyr

@stqfdyr stqfdyr commented Oct 1, 2026 •

Copy link
Copy Markdown
Contributor

网络速率面板的纵轴改为对数,突发与平时的流量在同一张图里都看得清。

  • 刻度取 1、10、100 KB/MB/GB,最多标 6 个,从顶往下数:1 KB/s 到 100 MB/s 之间每档都标,更宽时隔一档
  • 轴底取窗口里最慢速率所在的档,不低于 1 KB/s。agent 自己上报每个方向约 0.2–0.7 KB/s,所以没有其它流量的节点落在有标签的底上
  • 低于 1 KB/s 的值画在底上,提示框仍显示 hub 返回的原值
  • 四个资源图的纵轴不再由 recharts 按重叠隐藏刻度,CPU、内存、硬盘补上顶端下面那条网格线
  • axisTop 的 1024 进制分支只有网速在用,一并删掉,CPU 的轴不变
  • 历史请求被拒的注释不再描述 hub 为什么限并发

测试

  • npm run lint、npm test、npm run build 通过;rateAxis 加 8 组用例
  • 预览环境造 7 天分钟数据(空闲 0.2–0.7 KB/s、白天十几 KB/s、每天一次 70 MB/s 突发;另一台一直 5–80 MB/s),1 天 / 7 天 / 30 天窗口,1280 与 390 宽、浅色与深色:空闲节点的轴为 1 KB/s–100 MB/s 六档全标,相距 24 px,六条网格线;忙碌节点为 1 MB/s–1 GB/s 四档;CPU 五条网格线齐全;提示框显示原值(如 445 B/s);页面无横向溢出

与 monitor-probe/monitor-theme-default#20 是同一处改动

- 纵轴改为对数,刻度取 1、10、100 KB/MB/GB,最多标 5 个,从顶往下数
- 轴底取窗口里最慢速率所在的档,不低于 1 KB/s:agent 自己上报每个方向约 0.2–0.7 KB/s,空闲的节点落在底上
- 低于 1 KB/s 的值画在底上,提示框仍显示 hub 返回的原值
- `axisTop` 的 1024 进制分支只有网速在用,一并删掉
- 历史请求被拒的注释不再描述 hub 为什么限并发
# Conflicts:
#	src/components/NodeDetail.tsx
#	src/lib/format.test.ts
- 1 KB/s 到 100 MB/s 之间每档都标,空闲节点贴着的 1 KB/s 那条线有标签和网格线;更宽时隔一档
- 四个资源图的纵轴按给定的刻度全画,CPU、内存、硬盘补上顶端下面那条网格线
- 注释的反事实改用 would
@stqfdyr
stqfdyr merged commit 2ca38ba into main Oct 2, 2026
1 check passed
@stqfdyr
stqfdyr deleted the feat/log-rate-axis branch October 2, 2026 10:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant