Używam NVD3 aby wyświetlić wykres liniowy tutaj: http://jsbin.com/xodaxafiti/2/edit?js,outputNVD3 Linia Wykres osi x Kleszcze brakuje
Ale wydaje się, że NVD3 auto ukryć niektóre tickLabels na OśX, ale tylko tych kleszczy w pobliżu krawędzi, czyli 2- 3Oct i 27-28Oct (z wyjątkiem pierwszego i ostatniego tiku). Wiem, że jest to automatyczna redukcja, ponieważ gdy zwiększam szerokość wykresu, zaczynają pojawiać się tyknięcia. Jednak uważam, że to zachowanie redukujące jest dziwne, a lineChart nie ma opcji reduceXTicks, takich jak multiBarChart.
Chcę być w stanie kontrolować zachowanie Zmniejszanie się jak this:
var chart = nv.models.lineChart()
.useInteractiveGuideline(true)
.margin({left: 80,top: 20,bottom: 120,right: 20});
chart.xAxis.ticks(function() {
return data[0].map(chart.x()).filter(function(d,i) {
i % Math.ceil(data[0].values.length/(availableWidth/100)) === 0;
})
})
Ale to nie działa. Ktoś ma jakiś pomysł, jak to kontrolować?
użytku '.tickValues ()' zamiast '.ticks()'. –
Próbowałem wcześniej używać '.tickFormat()', ale dało mi filtr nad powyższymi brakującymi tickLabels. Poza tym podczas używania tej sztuczki ukryta etykieta nie pojawi się nawet w etykiecie narzędzia. Wierzę, że 'tickValues ()' będzie miał taki sam wynik. – yonasstephen
Hmm, użyłbym skali czasu dla osi X - powinno to pozwolić ci lepiej kontrolować to, co pokazane. [To pytanie] (http://stackoverflow.com/questions/14058876/how-do-i-display-dates-on-the-x-axis- for-nvd3-d3-js) powinno być pomocne w tym. –