Nowości w NvD3 - jak mogę uczynić moje znaczniki czasu unix jako daty na osi X?

Question

Z powodu ujawnienia - Jestem okropny w javascript, ale próbuję się uczyć!

Mam tablicę z kilku zapisów, takich jak te w nim:

[1349013600] => 232

Kluczem jest timestamp Unix, wartością jest $ w sprzedaży z tego dnia. Obecnie tworzę je na wykresie wielowarstwowym, który działa świetnie.

Problemem jest My X osi, który jest obecnie zdefiniowane następująco:

chart.xAxis 
.tickFormat(d3.format(',f')); 

że wysyła znacznik czasowy Unix'owych prostym Int z etykietami osi x i aktywowania podpowiedzi. Chcę spróbować uzyskać wynik jako D-M-Y lub podobny czytelny wskaźnik daty dla człowieka.

Najbliższy znalazłem jest ten kawałek kodu:

chart.xAxis.tickFormat(function(d) { 
     var dx = testdata[0].values[d] && testdata[0].values[d].x || 0; 
    return d3.time.format('%x')(new Date(dx)) 
}); 

Ale walczę, aby zrozumieć, co robi i nie może realizować w moim konkretnym wykresie. Obecny kod wygląda tak:

nv.addGraph(function() { 
var chart = nv.models.multiBarChart() 
      .stacked(true) 

chart.xAxis 
    .tickFormat(d3.format(',f')); 

chart.yAxis 
    .tickFormat(function(d) { return '$' + d3.format(',f')(d) }); 

d3.select('#chart1 svg') 
    .datum(test_data2) 
    .transition().duration(500).call(chart); 

nv.utils.windowResize(chart.update); 

return chart; 
}); 

Czy ktoś może wyjaśnić, jak to działa i - co ważniejsze - dlaczego? Doceń wszelkie wskazówki!

Answer 1

Znaczniki czasu JavaScript to im milisekundy, dlatego przed użyciem należy pomnożyć znacznik uniksowy przez 1000.

Answer 2

I rozwiązać problem tak szybko, jak otwarto bounty (d'oh!)

Oto co pracował dla mnie

.tickFormat(function(d){return d3.time.format('%d-%b')(new Date(d));})

i sztuczki było sformatować dane dla nvd3 PO tym jest tworzona oś