M4.3 ​

任务描述 ​

「奈…诶嘿！」bLue 突然做出了奇怪的表情。

「诶嘿是什么意思啊？」

「唔…感觉力量渐渐回来了。准备好接受最后的任务了吗，年轻人？」

「先辈你到底在狗叫什么啊？」你再也忍不住了。

这时，你发现周围的景色光速退去，眼前只有无边的虚空和巨幅光幕组成的界面：

M4.3

Start

你并不想这就开启新的任务，但你发现界面上只有这一个按钮，并没有登出键。

任务要求 ​

在这个任务中，你需要基于上一个任务，优化你的界面。

对于可以查询到的选手，你需要优化其 rating 记录的展示形式，用与 Codeforces 上类似的折线图形式展示其 rating 变化。你可以手搓或使用第三方图表库来实现这个功能。

对于 rating 折线图，你需要至少实现如下功能和交互：

1. 在一个折线图上展示所有 rating 记录，横坐标为时间，纵坐标为 rating（横坐标范围需要根据其 rating 历史的时间范围进行合适的适配）
2. 图表背景需要和 CF 上一致，具有对应分段的带颜色的面积图标识
3. 鼠标悬浮在对应点上时，应展示一个迷你提示气泡，包含比赛名称、rating 变化和时间

建议完成用时 ​

1-2 天。