我如何使用D3.js或nvD3.js格式化整數作爲時間

Question

我有一個數組1-24的小時數，就像那樣。我想知道如何格式化X軸，因爲這些值顯示爲時間中午12:00至中午12:00。我似乎無法弄清楚如何去做。

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

我實際使用nvd3