Übergang auf Knoten und Links 'Positionen in D3 v4 Force-Layout

Question

Ich benutze D3 v4, um eine dynamische soziale Netzwerk-Visualisierung zu machen und ein Beispiel ist hier: https://jsfiddle.net/wand5r6L/1/. In diesem Beispiel gibt es zwei Jahre Daten, und ich möchte die Knoten und Links aktualisieren, wenn 2004 zu 2005 kommt. Ich möchte die Positionen von Knoten und Verknüpfungen dynamisch ändern, wenn neue Knoten und Verknüpfungen hinzugefügt werden. aber sie erscheinen nur auf einmal, unabhängig von der ursprünglichen Position der alten Knoten und Verbindungen.

Ich denke, ich sollte transition() zu der tick() Funktion hinzufügen, aber es funktioniert nicht und verursacht mehr Fehler.

Irgendwelche Vorschläge? Danke im Voraus.

Answer 1

Dies ist eine Kraft-Layout-Block Beispiel von Mike Bostock ändern:

https://bl.ocks.org/mbostock/0adcc447925ffae87975a3a81628a196

Dies ist eine aktualisierte jsfiddle ich von der einen gegabelten Sie gemacht. Meist I der eine Schlüsselfunktion in den Datenverbindungen:

https://jsfiddle.net/eonny83k/1/

var node = g2 
    .attr("class", "nodes") 
    .selectAll("circle") 
    .data(nodeData, function(d) { return d.source + '-' + d.target });