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