D3 силовой направленный граф. При наведении курсора показывать метки

Это связано с этим вопросом.

Предостережение! Я начинающий программист... очень ценю любую помощь!

Я использую http://mbostock.github.com/d3/ex/force.html для создания силового направленного графика для некоторых данных json, сгенерированных php. Мне удалось получить некоторый код (//Выделить выбранный узел, его ссылки и его дочерние элементы в принудительно направленном графе D3 ), в результате чего при наведении курсора все исчезает, кроме узла и соединяющих узлов. Это мой текущий код:

http://jsfiddle.net/WNHaB/

Теперь я хотел бы добавить заголовки к узлу и каждому дочернему узлу при наведении курсора мыши одновременно с исчезновением. Это значительно повысит удобство использования программы. Любая идея, как это сделать???

Обновить

Итак, благодаря Nachtgold я получил метки на узлах, изменил цвет и размер шрифта. Мерцание, которое происходило, когда курсор случайно попадал на текстовую метку, было довольно раздражающим. Я исправил это, используя .style("pointer-events", 'none') Текущее издание:

http://jsfiddle.net/dfETs/

Я все еще хотел бы переместить текст относительно узлов, чтобы они не перекрывались. Любые идеи, как это сделать?

Огромное спасибо!


person user1378824    schedule 07.05.2012    source источник
comment
Ваши данные JSON не загружаются в JSFiddle из-за CORS.   -  person MarcoL    schedule 16.05.2014