在d3圖表中保持座標軸刻度之間的距離

Question

我正在嘗試使用d3-js繪製圖表。我希望X軸值爲[0.25yrs; 0.50yrs; 1yr; 2yrs; 5 yrs; 10yrs; 15yrs; 20yrs; 30 yrs; 50 yrs]。這可以使用d3的tickValues() & tickFormat()函數完成。但是我需要保持一定的距離，0.25,0.50,& 1年的蜱蟲，因爲大多數屬於這些年份的值越多它們之間的距離就會減少繪製圓圈的重疊。

蜱位置我需要的是這樣的：

你可以看到上面的圖像0.01和0.02之間的距離。我們怎麼做到這一點？

Answer 1

您將需要實現自定義比例，將您的輸入範圍映射到此非均勻輸出範圍。然後，您可以將此比例放到軸上，並相應地繪製刻度。

如果任何東西足夠接近你想要的尺寸（日誌尺度可能？），你可以看看D3提供的尺度，但如果你找不到任何東西，除了實現你自己的東西。