Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How do I control the arrow length? #241

Open
OSCAR2766 opened this issue Sep 21, 2022 · 3 comments
Open

How do I control the arrow length? #241

OSCAR2766 opened this issue Sep 21, 2022 · 3 comments

Comments

@OSCAR2766
Copy link

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
Copy link
Author

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
Copy link
Author

image

How do you align?

@adrai
Copy link
Owner

adrai commented Sep 21, 2022

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants