jsPlumb: how to make Flowchart connectors avoid intersecting elements?

Question

Is it possible to make jsPlumb Flowchart connectors not to cross connectable items or specified elements (in the example: elements with \'item\' class)?

Default Flowchar

Answer 1

I just had a similar problem, where connections of a dynamically generated diagram intersected with elements.

What worked for me was to specify the "midpoint" argument for the Flowchart connection. Maybe this helps in you case as well.

The stub argument also accepts arrays (not in documentation). I just set:

jsPlumb.Defaults.Connector = [ "Flowchart", { stub: [10, 50], midpoint: 0.0001 } ];

Hope this helps!