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

通过增加定义的保证金底部变量来尝试。

但那没用。

当我在此行.attr("height", height + margin.top + margin.bottom + 10)中添加+10时。

现在显示正常。

fiddle