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

The flow chart's lines are inconsistent in the visual representation. #2291

Open
ArtjomE opened this issue Sep 6, 2021 · 1 comment
Open
Labels
Graph: Flow Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect

Comments

@ArtjomE
Copy link

ArtjomE commented Sep 6, 2021

Hello,

the issue still exists, I'll try to describe and update it again in the second attempt.

Describe the bug
The flow diagram's lines are inconsistent in the visual representation. The lines flow accurately towards the nodes on one side, whereas on the other side, the lines are bundled from or to the center node.
Only one side is displayed correctly at a time. The display accuracy depends on the number of nodes on the sides, with the side containing fewer nodes being the one displayed incorrectly, regardless of whether it is on the left or right.

To Reproduce
The live editor displays the same behavior of visualization. Increasing the number of nodes on one side leads to correction and proper display on that side, while the other side is immediately displayed incorrectly.

Example 1:

4 nodes on the left side (lines are correct) - 1 node in the centre - 3 nodes on the right side (lines are incorrect)

mermaid-live-editor

flowchart   RL
    
    center(" center<br />Text ")

    nodeA[A] --> left_1
    nodeB[B] --> left_2
    nodeC[C] --> left_3
    nodeD[D] --> left_4

    center ---> left_1    
    center ---> left_2
    center ---> left_3
    center ---> left_4
    
    right_1 ---> center                
    right_1 --> nodeCircleA([A])

    right_2 --> nodeCircleB([B])
    right_2 ---> center           
                  
    right_3 --> nodeCirclerC([C])
    right_3 ---> center           

Example 2:

remove just 2 nodes from the left side
2 nodes on the left side (lines are incorrect) - 1 node in the centre - 3 nodes on the right side now (lines are correct)

 flowchart   RL
    
    center(" center<br />Text ")

    nodeA[A] --> left_1
    nodeB[B] --> left_2

    center ---> left_1    
    center ---> left_2
    
    right_1 ---> center                
    right_1 --> nodeCircleA([A])

    right_2 --> nodeCircleB([B])
    right_2 ---> center           
                  
    right_3 --> nodeCirclerC([C])
    right_3 ---> center    

Example 3:!!! this would be the correct visualisation

4 nodes on the left side (lines are correct) - 1 node in the centre - 3 nodes on the right side (lines are correct)

@ArtjomE ArtjomE added Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect labels Sep 6, 2021
@ArtjomE ArtjomE changed the title Flow chart links between nodes are not consistent in the visualization The flow chart's lines are inconsistent in the visual representation. Nov 21, 2023
@ArtjomE
Copy link
Author

ArtjomE commented Nov 22, 2023

Hello everyone,
is there a solution for this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Graph: Flow Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect
Projects
None yet
Development

No branches or pull requests

2 participants