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