Ich erstelle ein Baumlayout-Diagramm mit d3js. Die Knoten sind anklickbar, um die Kinder anzuzeigen. Der Kindknoten sollte an einer vordefinierten Position eingefügt und dann an den gewünschten Ort übergeben werden. Das Problem ist, dass die Einfügekoordinaten immer aus sind. Beim Debuggen mit Firebug zeigt es, dass direkt nach dem Hinzufügen des neuen Knotens seine Koordinaten x = 51.42857142857142 und y = 200.0 sind, obwohl die Zeile
.attr("transform", "translate(90,100)" ) sie ändern sollte (ich verwende hier feste Werte, um das Problem weiter zu fixieren .
Wo ist mein Fehler?
Vollständiger Code:
%Vor%
Sie ändern die Einfügekoordinaten, indem Sie das anfängliche transform anpassen, d. h. ändern
Wenn Sie beispielsweise die neuen Knoten an der Position ihres übergeordneten Knotens einfügen möchten, können Sie dazu einen Verweis auf das übergeordnete Element an die Funktion update übergeben und den Wert transform erhalten:
Vervollständigen Sie hier .
Tags und Links javascript firebug d3.js