Arrow überlappt Verbindung

Question

Ich benutze JsPlumb, um verschiedene Div. Die Optionen, die ich für die Verbindung verwende, sind folgende:

var option = { 
    anchors: ["RightMiddle", "Bottom"], 
    connectorStyle: { strokeWidth: 0.5, stroke: "#243CA8"}, 
    connector: ["Flowchart", { stub: [35, 70], midpoint: 0, cornerRadius: 1 }], 
    paintStyle: { stroke: "#243CA8", strokeWidth: 30}, 
    overlays: [["Arrow", { location: 1, width: 65, length: 32 }]] 
}; 

Aber der Pfeil überschneidet sich auf Stecker und Ausgang sieht nicht gut aus.

Ich habe auch versucht Overlay-Optionen einstellen ‚Standort: -1‘, aber immer noch einen Unterschied macht nicht und habe auch versucht Einstellung ‚Lücke: 10‘ für Stecker, aber es gilt sowohl für Pfeil Overlay und Stecker, mit der Das Problem ist immer noch dasselbe, aber mit Abstand zwischen Element und Anschluss. Ich kann keine andere Lösung finden. Kann mir bitte jemand eine Lösung vorschlagen. Vielen Dank!

Answer 1

Ich habe verschiedene Optionen ausprobiert und bin zufällig auf die Lösung gestoßen, die nirgendwo erwähnt wird.

I hat gerade die 'location: 1' -Option von Überlagerungen zu 'location: [0,1]' geändert und es hat funktioniert. Hatte keine Ahnung, dass es möglich war und es nirgends erwähnt wird. Dies soll denjenigen helfen, die mit dem gleichen Problem kämpfen!