添加標籤D3生成的圈子

Question

我剛開始學習d3，和我做的第一件事是this sorta lame fiddle

現在我不知道我應該怎麼貼上標籤的圓圈。是否可以在一個圓圈中嵌套一個標籤（讓我們假設當前的半徑值），以便它總是隨着圓圈一起移動，或者您必須像獨立對象那樣對待標籤並相應地管理所有事物？

Answer 1

您可以使用分組元素（<g>）來保存圓圈和相關的文本標籤，以使它們始終在一起。然後，您可以使用transform屬性上的translate命令來定位輸入組（而不是像現在這樣直接定位該圓形）。

因此，基本上，您將數據綁定到<g>元素，而不是像現在這樣綁定到<circle>元素。然後你可以在「g」（沒有數據連接）處追加一個「circle」和「text」，這兩個子元素都會自動繼承數據。