adrai / flowchart.js

Draws simple SVG flow chart diagrams from textual representation of the diagram
http://flowchart.js.org/
MIT License
8.49k stars 1.21k forks source link

How do I control the arrow length? #241

Open OSCAR2766 opened 1 year ago

OSCAR2766 commented 1 year ago

image

a1=>start: test
a2=>parallel: test
a3=>operation: test
a4=>parallel: test
a5=>operation: test
a6=>parallel: test
a7=>operation: test
a8=>operation: test
b1=>operation: testtesttesttesttesttesttesttesttesttesttest
testtesttesttest
b2=>operation: testtesttesttesttesttesttest
test
b3=>end: test
c1=>condition: test
d1=>operation: test

a1->a2(path1,bottom)->a3->a4(path1,bottom)->a5->a6(path1)->a7->a8(right)->b3
a2(path2,right)->b1
a4(path2,right,)->b2
a6(path2,right)->c1
c1(no)->a7
c1(yes,right)->d1
OSCAR2766 commented 1 year ago

The arrows in the flowchart are always too long to the left or right, probably because the text is too long, but I want to customize the length of the arrows so that the text box on the right of the diagram can be aligned vertically. What should I do? I can't find the corresponding grammar.

OSCAR2766 commented 1 year ago

image

How do you align?

adrai commented 1 year ago

you can try with these options: https://github.com/adrai/flowchart.js/blob/master/example/index.html#L33