javascript - 如何在 SVG 路径上显示文本

Question

所以我的 SVG map 上有点，现在我想在它们旁边显示文本。这是 jsfiddle有 2 点并显示他们的 ID 文本。但正如您所见，不知何故没有文字。

var featureCollection = topojson.feature(topology, topology.objects.testtest);

lines.append("g")
  .attr("id", "lines")
  .selectAll("path")
  .data(featureCollection.features)
  .enter().append("path")
  .attr("d", path)
  .append("text")
  .attr("class", "nodetext")
  .attr("x", 22)
  .attr("y", 4)
  .text(function (d) {
      return d.properties.id;
  });

除了示例之外，我还用其他一些文本检查了它，我已经有了 here .它以相同的方式工作。

那么它不适用于路径吗？可以吗？

Answer 1

“文本”元素不能是“路径”元素的子元素，它应该是兄弟元素。如果它们相关并且需要相应地定位，则将它们分组。