如何在不手動擺弄SVG路徑的情況下擴展d3直方圖軸

Question

我很難記住如何將直方圖的水平軸擴展到d3中的最后一個+1 bin。

這就是我得到的-請注意刻度不會擴展到最后一個bin + 1，因此最終的條形顯示為“超出刻度”：

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

我記得有一個屬性或方法，您可以將其鏈接到軸調用的末尾以使軸正確顯示：

• 無需手動擺弄域功能，並且
• 無需手動擺弄svg路徑。

我似乎在文檔中找不到任何內容。 有人知道我在說的方法或屬性嗎？

Answer 1

我沒有嘗試過，但是更改軸的比例對象應該可以。 因此，您必須單獨存儲比例，然后更改范圍：

scale.range([1,16]);

Answer 2

只是想起了。 那是.nice（）