Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

美化三网延迟界面 #335

Merged
merged 9 commits into from
Mar 24, 2024
Merged

美化三网延迟界面 #335

merged 9 commits into from
Mar 24, 2024

Conversation

xykt
Copy link
Contributor

@xykt xykt commented Mar 23, 2024

美化了三网延迟界面:

  1. 将Marker缩小降低曲线遮挡
  2. 设置Marker透明度降低对画面的影响
  3. 将延迟极小值的Marker倒置显示以快速区别极大值
  4. 设置Marker颜色为曲线对应的颜色使其更加直观
  5. 将超过MaxTCPPingValue的点删除
  6. 显示丢包分布(细线),以及服务器断流区间(粗线)

原效果
原效果
优化1~3后的效果
1~3
最终优化效果
最终

xykt added 5 commits February 19, 2024 01:14
修复以下问题:
- 延迟默认最高300ms,超过后默认抹平
- 曲线上有很多ping值为0的无效散点,导致毛刺很多,干扰效果
- 图标的y轴比例失调,上方大片留白,大大降低了有效显示区域
- 默认只显示最近不到半小时左右的延迟表现,想看全天需要拖动,影响效果
- 曲线不显示极大极小值,不够直观
修复了以下问题:
- 延迟默认最高300ms,超过后默认抹平
- 曲线上有很多ping值为0的无效散点,导致毛刺很多,干扰效果
- 图标的y轴比例失调,上方大片留白,大大降低了有效显示区域
- 默认只显示最近不到半小时左右的延迟表现,想看全天需要拖动,影响效果
- 曲线不显示极大极小值,不够直观
美化了三网延迟界面:
1. 将Marker缩小降低曲线遮挡
2. 设置为曲线对应的颜色使其更加直观
3. 设置Marker透明度降低对画面的影响
4. 将延迟极小值的Marker倒置显示以快速区别极大值
5. 将超过MaxTCPPingValue的点删除
6. 显示丢包分布(细线),以及服务器断流区间(粗线)
@xykt
Copy link
Contributor Author

xykt commented Mar 23, 2024

@nap0o
Copy link
Contributor

nap0o commented Mar 24, 2024

@naiba naiba merged commit 3a733c8 into nezhahq:master Mar 24, 2024
4 checks passed
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.

3 participants