将数字格式化为时间d3js

Question

我有一个看起来像这样的数据集

date,lenght,sort
201506131449,2,1
201506131449,7,0
201506131450,35,1
201506131450,7,1

但是，接下来有很多条目。

日期的格式当前为201506131450，即2015年6月13日14:50，其中14:50是军事时间，因此（2:50 pm）

我需要保持这种格式，以便在python中进行排序。

无论如何。 现在，标签输出了巨大的数字。 虽然我只想要军事时间。

所以201506131450应该标为14:50

当前代码：

var x = d3.scale.linear()
.range([0, width]);

var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom")
    .ticks(5);

x.domain(d3.extent(data, function(d) { return d.date; }));

这将在x轴上产生标签，例如：201,506,131,600

我如何将其更改为16:00

提前致谢！

Answer 1

在您的轴上，设置tickFormat ：

.tickFormat(function(d){
    return d.toString().slice(8,10) + ":" + d.toString().slice(10);
});

演示：

 var dates = [201506131449, 201506131449, 201506131450,201506131450]; dates.forEach(function(d){ console.log(d.toString().slice(8,10) + ":" + d.toString().slice(10)) }); 

PS：请记住，对于小数位数，这不是时间，这只是数字的线性刻度。