<div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr">I would like to create a directed graph with edge labels with the following properties:<div><ol style="color:rgb(0,0,0);font-size:13px"><li style="line-height:17px">edge labels do not overlap with each other</li><li style="line-height:17px">edge labels do not overlap edges</li><li style="line-height:17px">edge labels are drawn along the edge.</li></ol><div><font color="#000000"><span style="caret-color: rgb(0, 0, 0);">For example, I can use the following graphviz graph</span></font></div></div><div><pre class="gmail-code gmail-highlight" lang="plaintext" style="color:rgb(0,0,0)"><span id="gmail-LC1" class="gmail-line" lang="plaintext">digraph G {</span>
<span id="gmail-LC2" class="gmail-line" lang="plaintext">    splines=line;</span>
<span id="gmail-LC3" class="gmail-line" lang="plaintext">    rankdir=LR;</span>
<span id="gmail-LC4" class="gmail-line" lang="plaintext">    A -> B [label="a long label"];</span>
<span id="gmail-LC5" class="gmail-line" lang="plaintext">    A -> C [label="a long label"];</span>
<span id="gmail-LC6" class="gmail-line" lang="plaintext">    A -> A [label="a very long label"];</span>
<span id="gmail-LC7" class="gmail-line" lang="plaintext">    A -> A [label="a very long label"];</span>
<span id="gmail-LC8" class="gmail-line" lang="plaintext">    A -> D [label="a long label"];</span>
<span id="gmail-LC9" class="gmail-line" lang="plaintext">}</span>
</pre></div><div><font color="#000000"><span style="caret-color: rgb(0, 0, 0);">to generate </span></font><a href="https://i.stack.imgur.com/34uVM.png">https://i.stack.imgur.com/34uVM.png</a></div><div><br></div><div>However, it does not seem possible to obtain a graph with edge labels with the three properties.</div><div><br></div><div>Is creating a graph like this using PGF TIKZ possible? If so, any examples for how to do so would be helpful.</div><div><br></div><div>Thank you.</div><div><br></div><div><br></div><div><br></div><div><br></div></div></div></div></div>