2017-06-21 2 views
0

Ich verwende derzeit Cytoscape.js, um eine variable Anzahl von Knoten mit dem Kreislayout anzuzeigen. Ich möchte/muss jetzt zusätzliche Gruppen von Knoten um den ursprünglichen Kreis herum hinzufügen, wobei jede Gruppe auch in einem Kreislayout dargestellt wird.Cytoscape.js - Positionierung mehrerer Layouts

Die resultierende Visualisierung würde wie folgt aussehen: example layout

direkt um das ursprüngliche Layout seine

Die zusätzlichen Gruppen müssen nicht unbedingt (wo jeder Kreis ein Kreis-Layout des Knoten), wie die Anzahl der Kreise variiert ebenfalls. Ich muss die Layouts meistens nur so positionieren, dass sie sich nicht überlappen.

Ich konnte die zusätzlichen Gruppen als individuelle Layouts hinzufügen, aber ich bin unsicher, wie man sie positionieren soll. Ich überprüfte die Dokumente und wenn ich nicht etwas Offensichtliches verpasste, sah ich nicht, wie ich erreichen konnte, was ich brauchte. Irgendwelche Hinweise in die richtige Richtung würden geschätzt werden!

Antwort

0

Geben Sie boundingBox für jedes Layout an, um festzulegen, wo die Grenzen der Knoten im Layout liegen sollen. Die Angabe eines boundingBox teilt dem Layout mit, dass die Knoten innerhalb der Box platziert werden sollen. Stellen Sie sicher, dass Sie ausreichend Platz angeben und die Überlappungsvermeidungsoptionen entsprechend festlegen. Überlappungsvermeidung kann dazu führen, dass ein Layout mehr Platz benötigt, als ihm zugewiesen wurde.

Verwandte Themen