d3.js - D3 fuerza dirigida gráfico con soporte de arrastrar y soltar para fijar la posición del nodo seleccionado cuando se cae

drag-and-drop force-layout

Question

El ejemplo en un gráfico de fuerza directa se puede encontrar aquí: http://bl.ocks.org/950642

¿Cómo puedo agregar fácilmente soporte para arrastrar y soltar? Debería establecer el nodo para que sea fijo con la ubicación actual de donde lo dejó caer. Es importante que el resto de los nodos siga usando el "modo de fuerza dirigida" para colocar el resto de los nodos en el gráfico automáticamente

https://github.com/mbostock/d3/wiki/Force-Layout

He jugado un poco sin éxito, y me pregunto si alguien puede darme un ejemplo rápido sobre cómo agregar dicho soporte como se explicó anteriormente.

Answer 1

¡Finalmente funcionó después de descubrir que no es ideal luchar con dos oyentes de "arrastre" (los tuyos y los de force.drag) conectados a los nodos!

Mucho mejor tener solo tu propio "drag" -listener y call tick () manualmente, que es la característica clave para que el gráfico de fuerza coloque los nodos por ti en cada nueva posición de nodo en el nodo que arrastras.

Ejemplo de trabajo: http://bl.ocks.org/2883411