私は学び始めたばかりd3
で、最初に作ったのはこのちょっと不自由なフィドルです
これらの円にどのようにラベルを付ければよいのだろうか。ラベル (現在の半径値としましょう) を円の中に入れ子にして、常に円と一緒に移動することは可能ですか? または、ラベルを独立したオブジェクトのように扱い、それに応じてすべてを管理する必要がありますか?
私は学び始めたばかりd3
で、最初に作ったのはこのちょっと不自由なフィドルです
これらの円にどのようにラベルを付ければよいのだろうか。ラベル (現在の半径値としましょう) を円の中に入れ子にして、常に円と一緒に移動することは可能ですか? または、ラベルを独立したオブジェクトのように扱い、それに応じてすべてを管理する必要がありますか?
グループ化要素 ( <g>
) を使用して、円と関連するテキスト ラベルの両方を保持し、それらが常に一緒になるようにすることができます。translate
次に、アトリビュートでコマンドを使用して入力グループを配置できtransform
ます (現在行っているように円を直接配置する代わりに)。
したがって、基本的には、現在行っている<g>
ように要素ではなく要素にデータをバインドし<circle>
ます。次に、「円」と「テキスト」を「g」に追加するだけで(データ結合なし)、これらの子要素の両方が自動的にデータ自体を継承します。