X 축 제목 잘라 내기

Question

SVG 치수로 재생하려고했지만 텍스트가 잘립니다. X 축에 대한

jsFiddle

코드 : 나는이 문제를 해결하려면 어떻게

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.