2012-06-05 10 views
22

Beispiel auf einer Kraft direkt Graph gefallen ist hier zu finden: http://bl.ocks.org/950642D3 Kraft gerichtete Graphen mit Drag-and-Drop-Unterstützung ausgewählte Knoten Position fixiert zu machen, wenn

Wie kann ich leicht Unterstützung für Drag & Drop hinzufügen? Es sollte festgelegt werden, dass der Knoten mit der aktuellen Position der Stelle, an der er abgelegt wurde, fixiert wurde. Es ist wichtig, dass Rest des noch Knoten verwendet den ‚gerichtete Kraft Modus‘ Rest des Knoten in der Grafik

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

ich ein bisschen herum, ohne Erfolg gespielt habe zu positionieren, und gefragt, ob jemand ist in der Lage, mir ein kurzes Beispiel dafür zu geben, wie diese Unterstützung hinzugefügt werden kann, wie oben erläutert.

+0

Bitte posten, was Sie haben bisher – Wex

+0

Wenn es überhaupt fast die Nähe von etwas sein würde arbeiten, würde ich es gerne veröffentlichen. Aber es ist besser, das Beispiel zu verwenden, das als Basis angegeben wurde, denn das ist das Nächste, das ich bisher habe, alias nichts. Jedenfalls habe ich gestern über das ganze Problem nachgedacht und an einigen Ideen gearbeitet. Ich werde Updates veröffentlichen, wenn ich einen Fortschritt bekomme – norrs

+0

Idee: Ändern Sie die ursprüngliche force.drag Funktion, um nicht mit festen Status überhaupt auf Mouseover/Mouseout – norrs

Antwort

28

Schließlich funktioniert es nach dem Herausfinden, es ist nicht ideal, mit zwei "ziehen" Listener (eigene und force.drag) an den Knoten zu kämpfen!

Viel besser, wenn Sie nur Ihren eigenen "Ziehen" -Listener haben und tick() manuell aufrufen. Dies ist die Hauptfunktion, um den Force-Graphen zu veranlassen, die Knoten für Sie an jeder neuen Knotenposition auf dem Knoten zu positionieren.

Arbeitsbeispiel: http://bl.ocks.org/2883411

+0

nice Arbeit zu geifern :) sollten Sie dies auf die d3 Wiki hinzufügen – paxRoman

+0

guten Plan, ich tue das :-) – norrs

+0

Es wird nicht richtig in FF gerendert. Der zu ziehende Knoten wird nicht angezeigt. In Chrome ist das Bild am Knoten für eine unterbrochene Bildverknüpfung. – Spaceghost

Verwandte Themen