nvd3 - Format Millisekunden h: m: s in Diagramm (Zeit nicht Datum)

Question

Ich habe es geschafft, Daten in d3/nvd3 Diagrammen angezeigt werden, die ich wie dieser vergänglichen einen Wert von Millisekunden tat:

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

Ich möchte die Millisekunden als Zeitabschnitt auf der y-Achse anzeigen, wie "6 h: 23 min: 5 sec".

Ist das möglich?

Vielen Dank im Voraus!

Muff

Answer 1

Versuchen Sie, diese

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

wird das Datumsformat wie dieses

05 h: 34 min: 26 sec

Oder, wenn Sie don‘ t wie die 0 Polsterung für Stunden tun

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

es wird das Datumsformat wie dieses

5 h: 37 min: 54 sec

EDIT

in einem solchen Fall müssen Sie ein setzen wenn der Block den Scheck und senden Sie das gewünschte Format, so etwas zu tun:

.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) 
     } 

}