为什么我的 MUI X 折线图在将鼠标悬停在任何图表标记点上时仅显示最后一个值

Question

我正在利用 MUI x 图表来直观地显示数据。图表可视化本身运行正常。但是，我遇到了一个问题，即悬停时仅显示最新的标记点。

有谁知道为什么数据显示很完美，但是悬停时只选择最新的一行？

我在下面创建了一个示例：

MUI x 图表示例

Answer 1

您需要像这样倒序排列数据数组：

data: [// your items].reverse()

代码沙盒

由于某种原因，它期望日期时间按降序排列。