Javascript d3图表在X轴刻度上显示一些十进制值，而不是显示日期和时间

我的d3时间线图在x轴刻度中显示了一些垃圾值（十进制），而不是显示日期和时间

只有当图形中只有一个数据时才会发生这种情况

如下图所示

代码沙盒-

我找到了这一问题的根本原因，这是因为对图表加载的初始调用。我正在对图表加载进行缩放变换。如果我删除这一行，它将按预期工作，但我无法删除，因为这是必需的（初始缩放变换应用于默认图表加载-

d3.zoomIdentity

）

下面是创建问题的代码-

var transform = d3.zoomIdentity.translate(200, 0).scale(0.5);
svg.call(zoom.transform, transform); //This is initial call on chart load

请向我建议如何在d3图表中解决此问题

---

提前感谢。

这似乎是刻度的问题，因此当只有一个数据时，默认行为将其视为日期，但转换后将其视为数字 垃圾值是数字的最后3位，也就是说，在你的情况下 开始时间：“1574504520049”是.049

因此，如果你将刻度更新到接近该刻度的某个位置，你将能够得到时间

d3.zoomIdentity.translate（100,50）.scale（0.0000000001）

请查收

---

它将帮助您找到问题的适当比例。

这似乎是比例的问题，因此当只有一个数据时，默认行为将其视为日期，但在转换后将其视为数字 垃圾值是数字的最后3位，也就是说，在你的情况下 开始时间：“1574504520049”是.049

因此，如果你将刻度更新到接近该刻度的某个位置，你将能够得到时间

d3.zoomIdentity.translate（100,50）.scale（0.0000000001）

请查收

---

它将帮助您找到问题的适当范围。

是的，您找到了正确的问题。什么形容词这是在做比例（0.0000000001如果你注意到一个问题，x轴以递减顺序出现，3:52 3:50等，你会找到正确的问题。什么形容词这是在做比例（0.0000000001如果你注意到一个问题，x轴以递减顺序出现，3:52 3:50等