d3 сила, направленная макет - рисунок ссылки без изменения расположения узлов

Question

Я пытаюсь изменить directed graph editor следующим образом:

• Когда ссылка нарисован, он не будет Переставьте исходный и целевой узлы. Вместо этого будет проведена ссылка между текущим местоположением узлов.

• При перетаскивании существующего узла (с помощью ctrl) он не будет влиять на положение прикрепленных к нему присоединенных узлов. Вместо этого все остальные узлы останутся в своем положении, и только ссылки, прикрепленные к перетаскиваемому узлу, изменят свою длину в соответствии с перетаскиванием.

Я пытался поставлять эту функцию linkDistance Форса:

force.linkDistance(function(link) { 
    var deltaX = d.target.x - d.source.x, 
    deltaY = d.target.y - d.source.y, 
    dist = Math.sqrt(deltaX * deltaX + deltaY * deltaY); 
    return dist; 
}) 

Думая, что это привело бы силы, чтобы предположить, что нет необходимости повторно позиционирование узлов на каждой стороне линии (после documentation).

Однако это привело к ошибке во время выполнения, которую я не мог решить.

Любые идеи о том, как это поведение графика может быть достигнуто?

Answer 1

Похоже, вы хотите использовать параметры fixed, установив его как свойство каждого узла узла, например { id:123, fixed:true }.

Here's a modified version

Фиксированные узлы не перемещаются вокруг компоновкой силы на всех, так что если вы явно дать им первоначальное положение, они просто получить присваивается случайный один на макете. Обратите также внимание на то, что при фиксировании всех узлов нет реальной причины использовать привязанный к силе макет.