Serious crossing of icon lines (class diagram)

[mnlin0905]

The whole thing looks chaotic

[jgreywolf]

Can you provide a link that shows the diagram definition in the live editor so that I can look at this in better detail? The image is a bit fuzzy

[mnlin0905]

classDiagram

    class A {

    }
    A --|> D

    class B {

    }

    class C {

    }

    class D {

    }

    class E {
    }

    class F {
    }

    class G {
    }

    class H {
    }

    class I {
    }
    I --|> O
    I --|> H
    I --|> J

    class J {
    }

    class K {
    }

    class L {
    }
    L --|> N
    L --|> K

    class M {
    }

    class N {
    }

    class O {
    }

    class P {

    }
    P ..|> N
    P ..|> A
    P ..|> O
    P ..|> I
    P ..|> M
    P ..|> K
    P ..|> B
    P ..|> E
    P ..|> H

like this

[mnlin0905]

Can you provide a link that shows the diagram definition in the live editor so that I can look at this in better detail? The image is a bit fuzzy

11

[jgreywolf]

A couple of comments.. More of an FYI than anything.

• If you define a relationship between classes, you do not need to also define those classes separately. Unless you are going to add members using the {} format, of course.
• The order that items are added to within the diagram definition will change the positioning slightly.

I was playing around a little bit to see what moving items would do, and this is one of the diagrams I ended up with. Still has a lot of line crossing.

I will continue to investigate to see if we can improve anything on our side for the placement, but majority of this is handled by the layout engine directly.

[mnlin0905]

A couple of comments.. More of an FYI than anything.

• If you define a relationship between classes, you do not need to also define those classes separately. Unless you are going to add members using the {} format, of course.
• The order that items are added to within the diagram definition will change the positioning slightly.

I was playing around a little bit to see what moving items would do, and this is one of the diagrams I ended up with. Still has a lot of line crossing.

I will continue to investigate to see if we can improve anything on our side for the placement, but majority of this is handled by the layout engine directly.

• I really need to add specific members or methods to {}
• In the actual situation, my class relationship will be more complex than this situation, so the line interlacing situation is more serious
• I also try to adjust the order of class declaration, but the effect is not very good
• If the Mermaid live editor has made great improvements, please let me know

Thank you very much

[vintprox]

I get very disturbing image