如何使用D3.js或nvD3.js将整数格式化为时间

Question

我在数组1 - 24中有几个小时就像整数一样。我想知道如何格式化x轴，因为这些值显示为12:00 am - 12:00 pm。我似乎无法弄清楚如何做到这一点。

Answer 1

这是你可以做到的一种方式。

var hours = [
    1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12,
    13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24
];
var timeformat = d3.time.format('%I:%M%p');

var now = new Date()
now.setHours(hours[15]);
now.setMinutes(0);

var time = timeformat(now); // 04:00PM

Working Fiddle