<strong>需求 #2：</strong>我能看到一个具有<code>id="x-axis"</code>属性的 x 轴。
<strong>需求 #3：</strong>我能看到一个具有<code>id="y-axis"</code>属性的 y 轴。
<strong>需求 #4：</strong>我可以看到一些点，每个点都有一个值为<code>dot</code>的 class 属性，它代表了被绘制的数据。
<strong>需求 #5：</strong>每个点都应具有<code>data-xvalue</code>属性和<code>data-yvalue</code>属性，其中包含相应的 x 和 y 值。
<strong>需求 #6：</strong>每个点的<code>data-xvalue</code>属性和<code>data-yvalue</code>属性应该在实际数据的范围内，并且数据格式应该正确无误。对于<code>data-xvalue</code>属性，可以接受整数（全年）或 Date 对象进行测试评估。对于<code>data-yvalue</code>属性（分钟），请使用 Date 对象。
<strong>需求 #7：</strong><code>data-xvalue</code>属性和它对应的点应该和 x 轴上的点或值对齐。
<strong>需求 #8：</strong><code>data-yvalue</code>属性和它对应的点应该和 y 轴上的点或值对齐。
<strong>需求 #9：</strong>我可以在 y 轴上看到多个时间格式为<code>%M:%S</code>的刻度标签。
<strong>需求 #10：</strong>我可以在 x 轴上看到显示年份的多个刻度标签。
<strong>需求 #11：</strong>我可以看到 x 轴标签的范围在实际 x 轴数据的范围内。
<strong>需求 #12：</strong>我可以看到 y 轴标签的范围在实际 y 轴数据的范围内。
