D3JS中的自定义轴功能

Question

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

所以我尝试了Quantize Scales但是轴不支持它。

我该怎么做？我可以做一个自定义数学函数，比如y = mx + b（在我的情况下m = 2，b = 0）并在轴上使用它吗？

在这里，您可以看到我的code

Podelo

Answer 1

linear scale非常灵活，如果您在范围和域中使用多个值进行批量处理以创建多线性比例：

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/