svg与javascript - 轴标签

Question

我正在尝试使用以下代码标记图表的Y轴：

 svg1.append("text").attr("class", "y label")
.attr("text-anchor", "end")
.attr("y", 10)
.attr("dy", "-40")
.attr("transform", "rotate(-90)")
.text("life expectancy (years)");

但是当我尝试将'y'值更改为50时，标签向右移动，我无法理解为什么会这样。什么是“dy”，以及为什么没有“x”属性。 ：（

请帮忙。

Answer 1

转换默认坐标轴。我猜dy意味着动态y，你可以使用x和dx。

http://www.w3.org/TR/SVG11/text.html#TSpanElementDXAttribute