如何扩展d3直方图轴而无需手动摆弄svg路径

Question

我无法记住如何将直方图的水平轴扩展到d3中的最后一个+2。

这就是我所得到的 - 请注意，比例尺不会延伸到最后一个bin + 1，因此最终的条形显示为＃34;不在比例范围内＆＃34;：

this.xAxis = this.svg.append("g")
  .attr("class", "xaxis")
  .attr("transform", "translate(0," + this.height + ")")
  .call(d3.axisBottom(this.x));

我记得有一个属性或方法可以链接到轴调用的末尾以使轴正确显示：

• 无需手动摆弄域名功能，
• 没有手动摆弄svg路径的方式。

我似乎无法在docs中找到任何内容。有人知道我正在谈论的方法或财产吗？

Answer 1

我没试过，但改变轴的比例对象应该有效。因此，您必须单独存储比例，然后更改范围：

scale.range([1,16]);

Answer 2

记得。那是.nice()