javascript - d3チャートの軸の目盛り間の距離を維持する

Question

d3-js を使用してグラフを描画しようとしています。X 軸の値を にしたい[0.25yrs; 0.50yrs; 1yr; 2yrs; 5 yrs; 10yrs; 15yrs; 20yrs; 30 yrs; 50 yrs]。tickValues()これは、d3 の&tickFormat()関数を使用して実行できます。しかし、ほとんどの値はこれらの年に属し、それらの間の距離が長くなると、描かれた円の重なりが減るため、0.25、0.50、および 1 年のティックの間に一定の距離を維持する必要があります。

私が必要とするティック位置は次のようなものです:

上の画像では、.01 と .02 の間の距離を見ることができます。どうすればそれができますか？

Answer 1

入力範囲をこの不均一な出力範囲にマップするカスタム スケールを実装する必要があります。次に、このスケールを軸に与えると、それに応じて目盛りが描画されます。

必要なものに十分近いものがあれば (対数スケールでしょうか?)、D3 が提供するスケールを見ることができますが、何も見つからない場合は、独自のものを実装するしかありません。