2015-09-17 47 views
0

默認情況下x軸的尺度是根據值計算的。這使得兩個不連續點之間的距離不均勻。例如,如果我有一個像[1,2,5]這樣的值的數組,則x軸上的點的距離將有所不同,並且x軸標籤也會包含其他一些值,如1,2,3,4,5。如果在X軸上顯示日期,可能會出現兩個相同日期打印的情況,看起來很醜。Angular-nvd3:x尺度上的數據之間的距離相同

看看this重跳。如果您最大化您的瀏覽器窗口,您可以看到x軸標籤有重複項(如02/09/2015在我的屏幕上可見2次)。點之間的距離也不同。

如何我:

  1. 賺那麼沒有重複x軸LABES存在?
  2. 點之間的距離是基於圖的寬度(未根據值進行縮放)均勻分佈?

回答

0

您可以明確設置tickValues()並指定要顯示的標記。

或者,ticks()更靈活,但是給你更少的控制。

(搜索「D3重複日期」,例如This one可能會有所幫助)。

日期重複的原因在於它們實際上是在同一天發生的不同(等間距)時間戳,因爲間隔爲24小時的<。如果你想標註不同的日期,你可以選擇一個特定的時間在每一天的滴答滴答。