Using taillables causes the text to overlap the arrows. lables don't have that problem

Help
1

Hi All,

I’m trying to use taillabels, but the resulting text overlaps the arrows and nodes. How Can I prevent this?

I have the following state diagram:

digraph statemachine {
    ST_1 [ label="State One"];
    ST_2 [ label="State Two"];
    ST_3 [ label="State Three"];
    ST_4 [ label="State Four"];
    
    ST_1 -> ST_2 [ taillabel="Description overlaps the arrows"];
    ST_1 -> ST_3 [ label="Description of transition"];
    ST_1 -> ST_4 [ label="Description of transition"];
    ST_2 -> ST_1 [ taillabel="Description of transition"];
    ST_2 -> ST_2 [ label="Description of transition"];
    ST_3 -> ST_2 [ taillabel="Description of transition"];
    ST_4 -> ST_2 [ label="Description of transition"];
}

This yields this image:

image
image705×367 13.9 KB

When I change the taillables to normal labels, the text does not overlap (except from state 2 to state 2, but I guess that’s unavoidable)

digraph statemachine {
    ST_1 [ label="State One"];
    ST_2 [ label="State Two"];
    ST_3 [ label="State Three"];
    ST_4 [ label="State Four"];
    
    ST_1 -> ST_2 [ label="Description of transition"];
    ST_1 -> ST_3 [ label="Description of transition"];
    ST_1 -> ST_4 [ label="Description of transition"];
    ST_2 -> ST_1 [ label="Description of transition"];
    ST_2 -> ST_2 [ label="Description of transition"];
    ST_3 -> ST_2 [ label="Description of transition"];
    ST_4 -> ST_2 [ label="Description of transition"];
}

(I am not yet allowed to embed the resulting image here)

I’ve used this website to generate the above images:

Cheers,
Cedric