向D3生成的圆圈添加标签

Question

我刚刚开始学习d3，我做的第一件事就是this sorta lame fiddle

现在我想知道如何在这些圈子上添加标签。是否可以将一个标签（比如说当前的半径值）嵌套在一个圆圈中，这样它就会随着圆圈一起移动，或者您必须将标签视为独立的对象并相应地管理所有内容？

Answer 1

您可以使用分组元素（<g>）来保存圆圈和相关的文本标签，以便它们始终在一起。然后，您可以使用translate属性上的transform命令定位输入组（而不是像现在一样直接定位圆圈。）

基本上，您将数据绑定到<g>元素而不是现在正在执行的<circle>元素。然后你可以在“g”（无数据连接）上附加一个“圆圈”和一个“文本”，这两个子元素都将自动继承数据。