Выделите набор узлов и их связь между ними

Question

Я работаю над графиком, ориентированным на силу, используя D3, и я показываю все узлы, отображаемые на графике, в отдельной таблице рядом с областью графика. У меня есть флажки в таблице, которую я показываю, что дает мне возможность выбора g узлов.

Я пытаюсь выделить узлы и отношения между ними. Я принимал указатели из этого примера Highlight selected node, its links, and its children in a D3 force directed graph. Этот пример предназначен для одного конкретного узла и его дочерних элементов, но я пытаюсь выделить несколько узлов, если они имеют какое-либо отношение между ними.

Любая помощь по этому вопросу будет действительно полезна.

Answer 1

Я не использую направленный на усиление график, а скорее «Radial Hub and Spoke Diagram» (a.k.a. a «Radial Wheel»), но помещение должно быть одинаковым. В моем примере отношения представлены дугами pie, а узлы в отношениях находятся на обоих концах дуг. В этом примере вы увидите, как я выбираю определенные узлы и/или отношения (т. Е. Mousing над любым именем дуги или узла) или многие узлы и отношения одновременно на основе типов (mousing over the Color Coded Type Key).

В любом примере выборки сводится к присвоению уникальных идентификаторов каждому элементу чертежа. Вы можете видеть, как я это делаю, ища инструкции .attr ("class" ...) и .attr ("id" ...). После того как вы назначили такие уникальные идентификаторы, вы можете использовать их для создания комбинаций. Вы можете видеть, как я выполняю такие выборы в функциях .on ("mouseover", ...).

BTW, не могли бы вы разместить свой пример на bl.ocks.org? Было бы проще помочь вам, если мы увидим ваш код.

Надеюсь, это поможет.

Мой лучший,

Frank