X軸標題切斷

Question

我試着玩SVG尺寸，但文字被切斷。

jsFiddle

代號爲X軸：

svg.append("g") 
.attr("class", "x axis") 
.attr("transform", "translate(0," + height + ")") 
.append("text") 
.attr("x", width/2) 
.attr("y", margin.bottom + 5) 
.style("text-anchor", "middle") 
.style("font-size", "150%") 
.text("Age in Years"); 

我該如何解決這個問題？

Answer 1

試圖通過增加定義的保證金底部變量。

但這沒有奏效。

當我在這一行中加上+10時.attr("height", height + margin.top + margin.bottom + 10)。

現在顯示效果很好。

fiddle。