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)");