javascript - 使用 d3js 显示时间线

Question

我是 d3js 的新手，试图显示一个 X 轴具有时间序列的图形，从 00:00 到 23:59。尝试将 d3js 配置为解析时间，如下所示

var parseTime = d3.time.format("%H%M").parse;
var mytime = "2045"; // I expect it to be 8 45 PM
mytime = parseTime(mytime);
alert(JSON.stringify(mytime));

但警报显示“1900-01-01T15:15:00.000Z”而不是 20:45。我知道有些事情是非常错误的，可能是我的理解本身是错误的。

任何指向 x 系列上的时间序列数据的指针都会有所帮助。

Answer 1

尝试在您的 x 轴声明中添加 .tickFormat(d3.timeFormat("%H%M")) 。

有关 tickformat 的更一般解释，您可以阅读这篇文章： https ://bl.ocks.org/mbostock/9764126