javascript - 带有 javascript 的 svg - 轴标签

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