D3.js：顯示刻度的數量有限

Question

我試圖使用d3.ticks。 According to the documentation，我應該能夠限制軸上顯示的刻度數。

然而，這似乎並沒有在所有限制蜱數量：

xAxis = d3.svg.axis().scale(xScale).orient("bottom").ticks(2) 

是不是因爲我的規模序？

的jsfiddle這裏：http://jsfiddle.net/samselikoff/9tfD2/1/

Answer 1

axis.ticks當底層的規模實現了ticks功能，順序量表做不僅工作。默認情況下，序號刻度的軸刻度由刻度的域組成，但您可以通過使用axis.tickValues提供明確的刻度值來覆蓋此值。

Answer 2

的文檔還表示（在秤的部分）

指定的計數只是一個提示;該比例可能會返回更多或更少的值，具體取決於輸入域。

這就是這裏發生的事情 - 對於序數標度，所有的值都被採用。

但是，您可以通過提供明確的刻度值，例如覆蓋此

d3.svg.axis().scale(xScale).orient("bottom").tickValues(["12am", "8pm"])