9

enter image description here

I am drawing flow chart in draw.io, I didn't find a way cross the two lines with cross over connector as above figure. Can any one help me out?

Improve this question
1
9

as a workaround, if you need the visual element, you can create an arc as a custom shape with connection points.

It adds some extra steps to the workflow, because you have to draw lines to the connect to the arc, and then another to continue to the entity. But, you can then move the 'cross over' around and lines will stay connected.

one

after moving :

enter image description here

custom arc code:

<shape h="0.5" w="2.0" aspect="variable" strokewidth="inherit">
  <connections>
    <constraint x="0" y="1" perimeter="1"/>
    <constraint x="1" y="1" perimeter="1"/>
  </connections>
  <background>
    <path>
      <move x="0" y="0.5"/>
      <arc x="2.0" y="0.5" rx="1" ry="0.5" large-arc-flag="0" sweep-flag="1" x-axis-rotation="0"/>
    </path>
    <stroke/>
  </background>  
</shape>
Improve this answer
4
  • How can you import the <shape> into draw.io. I can't find any documentation online.
    – joshuatvernon
    Jan 23 '17 at 0:11
  • 1
    The answer is by going to Extras->Create Shape and pasting the code provided by @dval
    – joshuatvernon
    Jan 23 '17 at 0:16
  • I was not able to use this code.
    – Mindaugas Jaraminas
    Apr 12 '17 at 13:29
  • @Mindaugas you should learn harder
    – dval
    Apr 14 '17 at 13:16
14

Line jumps are now natively supported.

When a line is selected, there is a "Line jumps" option under the style tab.

line jumps

Improve this answer
1
  • 1
    if you're not seeing the line jump, trying bringing your line to the front using Arrange > To Front
    – DLeh
    Mar 16 at 20:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.