d3刻度之间的控制空间

Question

有没有办法在刻度之间放置更多的空间？

var xAxisScale = d3.scale.linear().domain([0, 87]).range([0, width]);
var XAxis =d3.svg.axis().scale(xAxisScale).orient("bottom").ticks(87).tickFormat(d3.format("d"));

我明白了

1--2--3--4--5--6--7--8-- ....

但是我希望刻度线之间有更多空间。喜欢

1----2----3----4----5----6----7----8---- ...

Answer 1

您可以简单地通过增加变量width的值（在您的问题中未共享的部分代码中）来实现。

如果您不想更改width的值，只需直接在.range内部指定一个值。

示例：

var xAxisScale = d3.scale.linear().domain([0, 87]).range([0, 960]);