在D3.js问题中解析时间戳

Question

我正在尝试解析d3.js中的图中使用的时间戳，但我无法设法使其正常工作。时间戳的示例如下所示：

 - 2022-02-17 09:52:37.000000
 - 2022-02-17 09:54:00.000000

我用来进行解析的代码是：

`const dateParser = d3.timeFormat("%Y-%m-%d");

data.forEach(function(d) {
        d.timestamp = dateParser(d.ts);
    });`
  

其中d.ts是时间戳

我目前获得的输出以下是：

• 0nan-- Nan-nan

提前谢谢

Answer 1

是您的日期字符串吗？如果是这样，您可以将代码更改为首先将字符串日期转换为日期对象，然后在其上调用DateParser：

data.forEach(function(d) {
        d.timestamp = dateParser(new Date(d.ts));
});

Answer 2

从某种意义上说，解析是 formatting 的反面注意您的指定器，这是不正确的）。

因此，您需要d3.TimeParse（）。这是工作片段，查看浏览器的控制台，而不是摘要的片段：

const dates = ["2022-02-17 09:52:37",
  "2022-02-17 09:54:00"
];

const dateParser = d3.timeParse("%Y-%m-%d %H:%M:%S");

dates.forEach(function(d) {
  console.log(dateParser(d));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>