Ich habe das erzwungene Diagrammlayout von d3 in Extjs-Registerkarten eingebunden, sodass jedes Mal, wenn eine neue Registerkarte hinzugefügt wird, eine neue Grafik-Svg generiert wird. Bisher kein Problem.

Jetzt wollte ich den Graphen in einen gerichteten umwandeln (indem ich einen Marker hinzufügte und die Linien anwies, ihn zu verwenden)

Jedes erzeugte SVG-Element folgt diesem Muster:

<svg width="100%" height="100%">

<defs><marker id="end-arrow" viewBox="0 -5 10 10" refX="6" markerWidth="3"     markerHeight="3" orient="auto"><path d="M0,-5L10,0L0,5" fill="#ccc"></path></marker>
</defs>

<g transform="translate(4,0) scale(1)"><line class="link" sig="30.84" style="stroke-width: 3;" x1="538" y1="347" x2="409" y2="467" marker-end="url(#end-arrow)"></line>
...
</g>
</svg>

Mit Crome funktioniert alles einwandfrei. So bin ich zu dem Schluss gekommen, dass die Struktur und die Art und Weise, wie ich die SVGs generiere, mehr oder weniger korrekt sein sollten.

Mit Firefox werden die Markierungen jedoch nur für das erste SVG angezeigt. (der erste Reiter) Alle anderen SVGs zeigen keine Pfeilspitzen an.

"Inspect Elements" sagt mir, dass die Marker vorhanden sind und dass die Linien auf sie verweisen.

Und hier gehen mir die Ideen aus, wo oder wonach ich suchen muss. :(