散點圖實現的固定軸

Question

我正在玩d3來構建一些散點圖。出於某種原因，我無法爲我的繪圖獲得適當的X軸 - 軸始終有一些重疊的文本。此外，這些點似乎與軸重疊。我如何解決這個看起來更好？

我把我的嘗試放在jsfiddle。有什麼建議麼？

Answer 1

您可以使用axis.ticks減少滴答聲的數量; xAxis.ticks(5)似乎在這裏工作得很好。

要停止重疊軸的點，您有幾個選項。一個是你可以增加tickSize或tickPadding。圓圈仍然會重疊刻度標記，但它們不會重疊刻度標籤。另一種選擇是，你可以增加你的域名，強制在這些圈子和軸之間有額外的空間。

通常，您使用d3.extent（或者只是d3.min和d3.max）自動計算域。下面是如何通過10％的每一側延伸域爲例：

// First set the domain automatically from the data. 
var x = d3.scale.linear().domain(d3.extent(numbers)); 

// Then extend the domain using invert (with the default range [0, 1]). 
x.domain([-.1, 1.1].map(x.invert)); 

// Lastly set the desired range. 
x.range([0, width]); 

在你的情況，因爲你硬編碼的域名，你可以改變你要硬編碼到更廣泛的價值觀。