search

MrBlenny / react-flow-chart

🌊 A flexible, stateless, declarative flow chart library for react.
https://mrblenny.github.io/react-flow-chart/index.html
MIT License
1.48k stars 306 forks source link

Add Bendpoints to Links #117

Closed altran-fabian closed 4 years ago

altran-fabian commented 4 years ago

Ok i am really enjoying to play with the flowchart. now i get some nice graph's rendered from an mermaid like input: 

Screen_01_WelcomeLastUser[WelcomeLastUser]-->d0?{Nutzerwechsel?}
d0? -->|no|UserHomeScreen
d0? -->|yes|IAA_Screen_02_ChangeUser

Screen_02_ChangeUser--> d1?{New User?}
d1? -->|no|IAA_Screen_01_WelcomeLastUser
d1? -->|yes|IAA_Screen_03_01_WelcomeToWeConnect

it would be nice to add some bendpoints to the generated links. So all connections going backwards can be aligned. otherwise they are just overlapping the nodes.

do you have any idea how i could achieve this? is a plugin or a feature like this is planed?

image

altran-fabian commented 4 years ago

fyi: i tried using the config={{ smartRouting: true }} option but it breaks the application. it routes the connections but freezes and leads my machine to burn ... maybe there is some bug in the smartRouting?

MrBlenny commented 4 years ago

I'm not sure what is causing the smartRouting to break. I was not planning on adding an display related config to the links. Doing so would probably be out of the scope of this project as the primary use is for creating programmatic flows rather than just displaying. If you can replicate the smartRouting issue please create raise it.