Dynamischer Linkabstand in D3 erzwingt das Layout
Ich habe das Force-Layout des d3 implementiert. Das Problem ist jedoch, dass sich das Layout nicht über den Bildschirm ausbreitet. Im Folgenden ist der Schnappschuss:
Ich möchte, dass sich die Knoten über den Bildschirm mit dynamischer Linkentfernung ausbreiten, da auf der rechten und linken Seite viel Leerraum vorhanden ist. Ich habe versucht, den Link-Abstand wie folgt zu randomisieren:
%Vor%Dies erhöht den Link-Abstand, aber auch in vertikaler Richtung. Ich habe versucht, das Attribut linkStrength () zu setzen, aber es hat einfach nicht funktioniert. Wie kann ich dieses Layout nur in horizontaler Richtung über die Region verteilen? Gibt es eine Möglichkeit, wie wir den Linkabstand definieren können, um in den rechteckigen Bereich meiner Seite zu passen?
1 Antwort
Eine Lösung, die ich sehe, ist dieses Bounding-Box-Beispiel Binden Sie Ihre Zeichnung auf eine rechteckige / horizontale Art und legen Sie dann die Ladung auf eine sehr hohe Stufe (zielen Sie auf -10000, so), so dass die Knoten maximal gespreizt werden, bevor sie von den gesetzten Grenzen gestoppt werden. Sie könnten dann alternativ den Text rechts oder links des Knotens abhängig von seiner Position festlegen, so dass er nicht geschnitten wird. Oder Sie können den Text auch binden.
Tags und Links javascript d3.js force-layout