Zeitformatierung in D3js

Question

Ich habe ein d3-Liniendiagramm, das ich die Daten nach Monat/Tag zeichne. Das Problem ist, dass die X-Achse standardmäßig das Jahr "1900" am Achsenursprung anzeigt. Gibt es eine Möglichkeit, dies auf "Januar" anstelle von "1900" zu ändern, da meine Zeilen sind, wo ich verschiedene Jahre hervorhebe. Mein plnkr unter

http://plnkr.co/edit/22Jc4Nte0WWLQzT7a9lr?p=preview

Ich gehe davon aus der Änderung in eine der beiden folgenden Zeilen gemacht wird, aber, ich bin der Weg nicht sicher, es zu ändern.

var x = d3.scaleTime().range([0, width]), 

oder

x.domain(d3.extent(data, function(d) { return d.date; })); 

Answer 1

Sie haben tickFormat für die x-Achse zu definieren, mit %b so weiß es nur abgekürzte Monatsnamen angezeigt werden soll. Überprüfen Sie here für Zeitformatierungsoptionen in d3.

.call(d3.axisBottom(x) 
    .tickFormat(d3.timeFormat("%b")) 
); 

Überprüfen Sie die aktualisierte Plunkr - http://plnkr.co/edit/7ZUSQJduYPL5VNAxBG5u?p=preview