Javascript 在d3路径内添加数字/文本

如何使用d3在弧内添加文本或数字标签

我已经按照我想要的方式绘制了路径，但我正在努力将文本放在其中

我想在路径的开始处为每个路径添加count的值

我已经在下面添加了我目前拥有的内容，并创建了一支笔，请参见下面的链接

这已经是一个问题了

您需要为路径分配一个id，然后在指向相应路径id的文本节点中设置xlink:href属性

var text = svg.append("text")
    .attr("x", 6)
    .attr("dy", 15);

text.append("textPath")
    .attr("xlink:href","#yourPathId")
    .text("My counter text");

---

为了反映这一点，进行了一些更改。

谢谢，这非常有效。我没有投票支持答案，因为我的代表低于15岁。当我超过15岁时，我会投票支持它。

var text = svg.append("text")
    .attr("x", 6)
    .attr("dy", 15);

text.append("textPath")
    .attr("xlink:href","#yourPathId")
    .text("My counter text");