javascript - D3JS のカスタム軸関数

Question

私は D3JS を使用しており、このような値を持つ x の軸が必要です: 125、250、500、1000 ... 8000 まで。したがって、毎回私の値を 2 倍します。

だから私はクオンタイズスケールを試しましたが、軸はそれをサポートしていません.

これどうやってするの ？y = mx + b (私の場合は m = 2、b = 0) のようなカスタム数学関数を実行して、軸で使用できますか?

ここで私のコードを見ることができます

Podelo

Answer 1

範囲とドメインの複数の値をまとめてポリリニア スケールを作成する場合、リニア スケールは非常に柔軟です。

tickWidth = (ChartWidth - padding)/7
xScale = d3.scale.linear()
           .domain([0, 125, 250, 500, 1000, 2000, 4000, 8000])
           .range(d3.range(8).map(function(d){ return d*tickWidth; }));

http://jsfiddle.net/h2juD/6/