Jak ustawić liczbę linii siatki w nvd3 (wrapper kątowy)? - angularjs, d3.js, nvd3.js

Mam wykres liniowy nvd3 przy użyciu kątowego opakowania angularjs-nvd3-dyrektywy:

<nvd3-line-chart
data="data"
height="300"
rescaleY="true"
forceY="[1]"
tooltips="true"
interactive="true"
clipVoronoi="true"
showLegend="true"
showXAxis="true"
showYAxis="true">
</nvd3-line-chart>

Chciałbym ustawić liczbę linii siatki na osi x na stałą wartość. Próbowałem to zrobić z atrybutem:

xAxisTicks="5"

Nie ma to jednak żadnego efektu. Liczba linii siatki jest zawsze taka sama (ustawiana automatycznie). Robienie podobnych rzeczy, takich jak np. zmiana formatu tiku (za pomocą xAxisTickFormat=xxx) działa zgodnie z oczekiwaniami. Próbowałem debugować to (ustawienie xaxisticks), ale bez powodzenia.

Jeśli ktoś wie o tym więcej, doceniłbym wszelkie podpowiedzi.

Odpowiedzi:

Myślę, że mogą istnieć 2 sposoby:

1. Za pomocą xAxisTickFormatFunction () można zdefiniowaćtwoja funkcja dla formatu wartości xAxis. W cienkiej funkcji można zmapować wartość x na ustalone dane dystansowe, a następnie podczas wyświetlania xAxis liczba biletów xAxis zostanie ustalona.

2. Za pomocą Force X, ustaw wartość jak [100, 200]. Musisz upewnić się, że wszystkie wartości x są w tym zakresie.