D3JS中的自定義軸功能

Question

我正在使用D3JS，我希望x中的軸具有這樣的值：125,250,500,1000 ......直到8000.所以每次乘以2我的值。

所以我嘗試了Quantize Scales但軸不支持它。

我怎樣才能做到這一點 ？ 我可以做一個自定義的數學函數，比如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/