2013-10-27 4 views
0

Я только начал изучать d3, и самое первое, что я сделал это this sorta lame fiddleДобавление метки к D3 генерироваться круги

Теперь интересно, как я должен приложить этикетки для этих кругов. Можно ли вставить ярлык (скажем, текущее значение радиуса) в круг, чтобы он всегда перемещался с кругом, или вам нужно относиться к ярлыкам, как к независимым объектам, и управлять им соответственно?

ответ

2

Вы можете использовать элемент группировки (<g>), чтобы удерживать круг и соответствующую метку текста, чтобы они всегда были вместе. Затем вы можете позиционировать группу ввода с помощью команды translate в атрибуте transform (вместо того, чтобы позиционировать круг прямо так, как вы сейчас делаете).

Таким образом, вы привязываете данные к элементам <g>, а не к элементам <circle>, как вы сейчас делаете. Затем вы можете просто добавить «круг» и «текст» в «g» (без объединения данных), и оба этих дочерних элемента автоматически наследуют сами данные.

Смежные вопросы