2 SVG auf einem Bildschirm?

[milesdavis]

Hallo liebe Leute,
ich nutze D3.js in Kombination mit dem Force-Layout. Problem ist nun, dass der Graph schon mal sehr groß werden kann und quasi seperat erstellte Textinformationen (die nichts mit dem Graphen zu tun haben) einfach verdeckt werden.

Daher suche ich eine Möglichkeit, dies zu umgehen. Weiss einer, wie man 2 SVGs auf einen Bildschirm kriegt? Damit kann ich den Graphen auf ein SVG packen, der dann beliebig groß werden kann und die restlichen Informationen auf das andere SVG.

Vielen Dank.

Gruss

 

[mikdoe]

müssen die textinfos zwingend in ein svg? geht da kein separates div?

 

[kkapsner]

Du kannst dch einfach ein zweites svg-Element erstelen... was ist genau dein Problem?

 

[milesdavis]

Danke euch erstmal. Also ich habe nun im Force-Layout 2 SVG's probiert. Allerdings war mein Plan, dass das zweite SVG wie eine Art "Mauer" wirkt. D.h. wenn man den Graphen per Maus hin-und her bewegt, man im Grunde nicht über diese "Mauer" kommt. Aber das klappt leider nicht wirklich, da sich quasi der Graph über das zweite SVG bewegen lässt.

 

[mikdoe]

kannst du uns mal einen link geben oder ein fiddle machen.

 

[kkapsner]

Ich denke mal, dass du den Rand des SVGs irgendwie als Randbedingung in die Force-Simulation reinbauen musst. Wie das genau geht, weiß ich leider auch nicht.