使用d3.js,如何附加<;textpath>;对于一些已经存在的<;路径>;svg?

使用d3.js,如何附加<;textpath>;对于一些已经存在的<;路径>;svg?,d3.js,D3.js,初始html如下所示 使用d3,我如何将textpath附加到所有现有的path标记中,以便输出如下所示 1路径文本跟随 101路径文本跟随 编辑问题以合并每个路径的Id选择g元素,然后追加d3。选择(“#groupOfPaths”)。追加(“text”)。追加(“textPath”)@larskothoff:但是如何获得“xlink:href”路径的确切Id,以及如何编写两个路径,因为有2个路径。首先,您需要将ID设置为(名称不能以数字开头)。您可以获得如下的idvarids=[];d

初始html如下所示


使用d3,我如何将textpath附加到所有现有的path标记中,以便输出如下所示


1路径文本跟随
101路径文本跟随

编辑问题以合并每个路径的Id

选择
g
元素,然后追加
d3。选择(“#groupOfPaths”)。追加(“text”)。追加(“textPath”)
@larskothoff:但是如何获得“xlink:href”路径的确切Id,以及如何编写两个路径,因为有2个路径。首先,您需要将ID设置为
(名称不能以数字开头)。您可以获得如下的id
varids=[];d3.select(“#groupOfPaths”).selectAll(“path”).each(function(){ids.push(this.id);})
然后可以使用
id
作为选择
文本
元素的数据。