D3.js - 條形圖的xAxis的寬度太短

Question

我使用D3.js創建了條形圖（fiddle）。

我有一個（可能是很簡單的）的問題，對此我很高興能得到一些支持：

爲什麼是x軸太短？

Answer 1

舊問題，而且Stack我的第一個回答的嘗試，但希望仍然是有用的：

從我可以告訴你的X域只到XMAX，這將是左下點圖表的最後一欄 - 它不是「短」，它只是不知道在XMax之後酒吧有多寬。

（它不佔你加入20個像素的barWidth，你的文字位置不佔額外的寬度，這似乎可以解釋爲什麼你只用軸看到的問題。）

爲了將軸擴展到最後，您必須考慮域中的附加barWidth，或以另一種方式附加barWidth。這可能是通過向xMax添加另一半天左右，或者將每個條移到其X位置（-barWidth）的左側而不是+ barWidth來實現的。

Answer 2

x軸不是太短（它的高度已經足夠滿足您的最大值），但您可能希望它是nice。

var y = d3.scale.linear() 
    .domain([0, yMax]) 
    .range([h - margin.top - margin.bottom, 0]) 
    .nice();