Отключить силы после отображения графика силы

Question

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

1) Когда график отображается, я хочу, чтобы можно было перетащить любой узел в любую позицию, сила не вмешивается; длина ссылок будет автоматически скорректирована

2) Когда график отображается, я хочу, чтобы иметь возможность перетаскивать узлы, длина ссылок может оставаться неизменной, но я не хочу, чтобы сила , чтобы вмешаться, чтобы автоматически изменить положение других узлов.

Я попытался изменить .charge(-300), но он не работает, холодно, кто-нибудь поможет?

Edit 1:

Я добавил force.nodes([]): JSBin, но он не работает, как ожидалось ...

Answer 1

я собираюсь решить для этого:

1) После того, как появится график, я хочу, чтобы иметь возможность перетащить любой узел любое положение, сила не вмешивается; длина ссылки будет автоматически скорректирована

Первого:

Когда вы сделаете свой прямоугольник или круг, как узлы затем дать ему класс как это:

var circlesOrRects = svg.append("g").selectAll(".foo") 
.data(force.nodes()) 
.enter() 
.append("path") 
.attr("class", "foo")//give it a class 

Далее после силы ориентированного графа останавливает, фиксирует узлы, как показано ниже:

var force = d3.layout.force() 
    .nodes(d3.values(nodes)) 
    .links(links) 
    .size([width, height]) 
    .linkDistance(150) 
    .charge(-300) 
    .on("tick", tick) 
    .start() 
    .on("end", function(p) { 
     //using the class for selecting nodes. 
     d3.selectAll(".foo").each(function(d){ 
     d.fixed=true;//thsi will fix the node. 
     }); 
    }); 

Теперь, после того как сила остановлена, вы можете перетащить свои узлы в любом месте.

Обратите внимание, что событие будет триггрет, когда сила альфа станет 0, только тогда узлы будут зафиксированы.

рабочий код более here

Answer 2

Чтобы вручную остановить направленный граф силы, вы можете просто позвонить force.stop().

Что вы описали, это предотвращение повторного запуска силы при внесении каких-либо изменений. Есть несколько способов, которыми вы могли бы это сделать, я думаю, что лучше всего было бы «отделить» узлы от графика, ориентированного по силе.

Для этого просто позвоните force.nodes([]). Теперь граф, ориентированный на силу, работает с пустым графом, и вы можете продолжать использовать свои узлы. Для того, чтобы сделать это после первоначального макета вы хотите:

force.on("end", function() { 
    force.nodes([]); 
});