Ich baue eine Benutzeroberfläche mit Raphael JS. Derzeit habe ich ein .js
Skript, das alles mit Raphael JS 2.1 genau nach Bedarf herauszieht. Da die Zeichnung jedoch von dynamischen Daten gesteuert wird, ist es sehr wahrscheinlich, dass sich Objekte überlappen. Wenn Sie den Objekten das d3.js-Force-Layout hinzufügen, werden sie automatisch gestreut, so dass es keine Überlappung verschiedener UX-Komponenten gibt. Allerdings konnte ich das d3.js-Force-Layout nicht auf von Raphael gezeichnete SVG-Objekte anwenden.Hinzufügen von Kraft gerichteten Algorithmus zu Raphael SVG Objekte
Ich habe ein grundlegendes Beispiel mit JSFiddle here erstellt. Ich habe die d3.js collision detection example als "Vorlage" verwendet.
gut gemacht genau das, was ich erreichen wollte –
Irgendeine Idee, wie ich dieses Beispiel anpassen könnte, um ein erzwungenes Layout zwischen Gruppen von Formen zu erstellen? Sagen wir, dass eine Gruppe aus einer Rechteckform und einem Text besteht gestalten. – Zan