nvd3 - 格式毫秒到H：M：S圖表中（時間週期，不日期）

Question

我已經成功地顯示D3/nvd3圖表日期，我做到了像這樣通過毫秒的價值：

chart.xAxis 
    .tickFormat(function(d) { 
     return d3.time.format('%e, %H:%M')(new Date(d)) 
}); 

我想在y軸上顯示毫秒爲一段時間，如「6 h：23 min：5 sec」。

這可能嗎？

在此先感謝！

莫夫

Answer 1

試試這個

d3.time.format('%H h : %M min : %S sec')(new Date())

它會格式化這樣

05小時日期：34分：26秒

或者，如果你不」 t像0填充小時做

d3.time.format('%-H h : %M min : %S sec')(new Date())

它將格式化這樣

5小時的時間：37（分鐘）：54秒

EDIT

在這樣的情況下，你將需要把如果阻止做檢查並返回所需的格式，如下所示：

.tickFormat(function(d) { 
     var date = new Date(d); 
     if (date.getHours() == 0){ 
     return d3.time.format('%M min : %S sec')(d) 
     } else { 
     return d3.time.format('%-H h : %M min : %S sec')(d) 
     } 

}