D3 linechart, nie można edytować ilości kleszczy w skali porządkowej?

Question

Zadałem pytanie przed około d3, a oni zasugerowali, żebym użył skali porządkowej, to rozwiązałoby moje problemy. Rzeczywiście rozwiązał on moje problemy, ale wiem, że utknąłem z innym problemem ...

Rysuje idealnie, ale moja oś X jest pełna tekstu. Na przykład chcę: 1900 1904 1908 1912 ... , ale dostałem: 190119021903190419051906. Jak widać, nie jest to jasne. (to tylko przykład, jeśli były tylko daty, mógłbym użyć innej skali). Gdziekolwiek spojrzałem, mówiono o ax.ticks (liczba). Ale to nie działa. Nic się nie dzieje i wciąż osiągam ten sam rezultat. I hacked wynik, aby uzyskać mniej wyników na osi x:

var str = []; 
    var i = 0; 
    while(i < data.length) { 
     str.push(data[i].age); 
     i=i+8; 
    } 
    x.domain(str); 

Ale jeśli mogę to zrobić tworzy losową linię i nie wyciągać go już doskonale. Nie wiem jak to rozwiązać .. To prosty wykres liniowy, nic trudnego, jedyną trudnością (dla mnie) jest skala porządkowa ...

Mam nadzieję, że ktoś może mi pomóc.

to jak mój X i oś x jest zdefiniowana:

var x = d3.scale.ordinal() 
    .rangeRoundBands([0, width-150],1); 

var xAxis = d3.svg.axis() 
    .scale(x) 
    .orient("bottom") 

bez pętli while (paskudny technikę), po prostu miał następującą linię wyznaczającą x.domain:

x.domain(data.map(function(d) { return d.age; })); 

Answer 1

Spójrz na the documentation for axes, w szczególności funkcję ticks(). Możesz go użyć (lub tickValues()), aby kontrolować, ile (i jakie) wartości chcesz pokazać.

Jeśli pracujesz z datami, możesz użyć numeru time scale zamiast porządkowego. W szczególności pozwoli ci kontrolować kleszcze w bardziej znaczący sposób, np. Podaj, że chcesz zaznaczyć co pięć lat.