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've tried out the above options and if you just want a simple solution without adding middle nodes, the following worked for me:

connector: ["Flowchart", { anchors: ["Bottom", "Top"] }]

Add those params on your connect.