tspan 元素
SVG 目前不支援自動換行或自動換行,這就是救援時的問題。元素定位與前一行文字相關的新文字行。通過在每個跨度中使用 dx 或 dy,我們可以將單詞與其前面的單詞相關聯。
案例:軸上的註釋
例如,當我們想在 y Ax 上新增註釋時:
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("transform", "rotate(-90)")
.attr("y", 6)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Temperature (ºF)");