4

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?

8

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>
  • 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
5

Line jumps are now natively supported.

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

line jumps

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.