2017-10-22 5 views
0

Ich habe Visjs verwendet und Rechtecke mit Text angezeigt. Einige der Knoten können ein paar Textzeilen haben, also fügte ich einen heuristischen Algorithmus hinzu, um ungefähr herauszufinden, wo die Zeilenumbrüche gehen sollten, um sehr breite, einzelne Zeilen von Text in sehr breiten, aber sehr kurzen Knoten zu vermeiden.Wie vermeidet man die Überlappung von Netzwerkgrafikknoten?

Das Problem ist, auch wenn die Physik eingeschaltet ist, bekomme ich immer noch überlappende Knoten.

Ist es möglich, der Layout-Engine mitzuteilen, dass sich unter keinen Umständen (oder physikalischen Modellen) zwei Knoten überlappen sollten?

+0

Haben Sie eine Lösung gefunden? Ich brauche sie auch nie überlappen, ich bin in Ordnung, wenn sie aus dem sichtbaren Raum gehen. – Yuriv

+0

Nein leider. – Volksman

Antwort

-1

benutzte ich levelSeparation und nodeDistance in den Optionen horizotal und vertikalen Abstand zu beeinflussen:

var options = { 
    layout: { 
     hierarchical: { 
      direction: "LR", 
      sortMethod: "directed", 
      levelSeparation: 300 
     } 
    }, 
    physics: { 
     hierarchicalRepulsion: { 
     nodeDistance: 140 
     } 
    }, 
    edges: {...}, 
    nodes: {...} 
} 

Haben Sie ein Beispiel haben?

Verwandte Themen