Tikz edge labels: positioning relative to direction of edge

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP











up vote
4
down vote

favorite












I am in the process of converting some old figures into Tikz, and have come across something which I'm sure Tikz must be able to manage, but haven't figured out how yet...



Target picture: Is here:



This is what I'm trying to draw



Note that there are 12 labelled edges, with each edge also having an arrow. For every edge, as I travel along the direction of the edge I see the arrow on the right (sloped in the same direction as the edge), and the label on the left (not sloped).



Here is an MWE attempt, using sloped, together with above and below:



documentclass[tikz,border=3mm]standalone
tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=2mm
begindocument
begintikzpicture
foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
 node[vertex] at (x,y) (i) ;
foreach s/t [count=i] in 1/7,7/8,8/2,2/1,4/6,6/5,5/3,3/4,5/7,2/4,8/6,3/1
 path (s) edge node[midway,above] footnotesize i node[sloped,midway,below] $longrightarrow$ (t);
endtikzpicture
enddocument


This looks like this:



enter image description here



Not quite right! As well as the numbering on the edges being, literally, above the centrepoint of the edge, the arrows are also not all pointing in the right direction.



I can, of course, break up the for loops and produce a satisfactory picture, but surely Tikz has a better solution?






tikz-pgf







share|improve this question

















  • 2




    For the arrows, you could add allow upside down to the node options.
    – Max
    yesterday






  • 1




    allow upside down works nicely -- thank you! If I do this to the node labels too, then they're in the right places, but need to be returned to normal orientation... Does that help I wonder?
    – Robert Brignall
    yesterday










  • Maybe use auto=left for the nodes with the numbers and auto=right for the nodes with the arrows (the latter in combination with allow upside down). I can't test now unfortunately.
    – Max
    yesterday














up vote
4
down vote

favorite












I am in the process of converting some old figures into Tikz, and have come across something which I'm sure Tikz must be able to manage, but haven't figured out how yet...



Target picture: Is here:



This is what I'm trying to draw



Note that there are 12 labelled edges, with each edge also having an arrow. For every edge, as I travel along the direction of the edge I see the arrow on the right (sloped in the same direction as the edge), and the label on the left (not sloped).



Here is an MWE attempt, using sloped, together with above and below:



documentclass[tikz,border=3mm]standalone
tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=2mm
begindocument
begintikzpicture
foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
 node[vertex] at (x,y) (i) ;
foreach s/t [count=i] in 1/7,7/8,8/2,2/1,4/6,6/5,5/3,3/4,5/7,2/4,8/6,3/1
 path (s) edge node[midway,above] footnotesize i node[sloped,midway,below] $longrightarrow$ (t);
endtikzpicture
enddocument


This looks like this:



enter image description here



Not quite right! As well as the numbering on the edges being, literally, above the centrepoint of the edge, the arrows are also not all pointing in the right direction.



I can, of course, break up the for loops and produce a satisfactory picture, but surely Tikz has a better solution?






tikz-pgf







share|improve this question

















  • 2




    For the arrows, you could add allow upside down to the node options.
    – Max
    yesterday






  • 1




    allow upside down works nicely -- thank you! If I do this to the node labels too, then they're in the right places, but need to be returned to normal orientation... Does that help I wonder?
    – Robert Brignall
    yesterday










  • Maybe use auto=left for the nodes with the numbers and auto=right for the nodes with the arrows (the latter in combination with allow upside down). I can't test now unfortunately.
    – Max
    yesterday












up vote
4
down vote

favorite









up vote
4
down vote

favorite











I am in the process of converting some old figures into Tikz, and have come across something which I'm sure Tikz must be able to manage, but haven't figured out how yet...



Target picture: Is here:



This is what I'm trying to draw



Note that there are 12 labelled edges, with each edge also having an arrow. For every edge, as I travel along the direction of the edge I see the arrow on the right (sloped in the same direction as the edge), and the label on the left (not sloped).



Here is an MWE attempt, using sloped, together with above and below:



documentclass[tikz,border=3mm]standalone
tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=2mm
begindocument
begintikzpicture
foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
 node[vertex] at (x,y) (i) ;
foreach s/t [count=i] in 1/7,7/8,8/2,2/1,4/6,6/5,5/3,3/4,5/7,2/4,8/6,3/1
 path (s) edge node[midway,above] footnotesize i node[sloped,midway,below] $longrightarrow$ (t);
endtikzpicture
enddocument


This looks like this:



enter image description here



Not quite right! As well as the numbering on the edges being, literally, above the centrepoint of the edge, the arrows are also not all pointing in the right direction.



I can, of course, break up the for loops and produce a satisfactory picture, but surely Tikz has a better solution?






tikz-pgf







share|improve this question













I am in the process of converting some old figures into Tikz, and have come across something which I'm sure Tikz must be able to manage, but haven't figured out how yet...



Target picture: Is here:



This is what I'm trying to draw



Note that there are 12 labelled edges, with each edge also having an arrow. For every edge, as I travel along the direction of the edge I see the arrow on the right (sloped in the same direction as the edge), and the label on the left (not sloped).



Here is an MWE attempt, using sloped, together with above and below:



documentclass[tikz,border=3mm]standalone
tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=2mm
begindocument
begintikzpicture
foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
 node[vertex] at (x,y) (i) ;
foreach s/t [count=i] in 1/7,7/8,8/2,2/1,4/6,6/5,5/3,3/4,5/7,2/4,8/6,3/1
 path (s) edge node[midway,above] footnotesize i node[sloped,midway,below] $longrightarrow$ (t);
endtikzpicture
enddocument


This looks like this:



enter image description here



Not quite right! As well as the numbering on the edges being, literally, above the centrepoint of the edge, the arrows are also not all pointing in the right direction.



I can, of course, break up the for loops and produce a satisfactory picture, but surely Tikz has a better solution?






tikz-pgf




tikz-pgf






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked yesterday









Robert Brignall

44939




44939







  • 2




    For the arrows, you could add allow upside down to the node options.
    – Max
    yesterday






  • 1




    allow upside down works nicely -- thank you! If I do this to the node labels too, then they're in the right places, but need to be returned to normal orientation... Does that help I wonder?
    – Robert Brignall
    yesterday










  • Maybe use auto=left for the nodes with the numbers and auto=right for the nodes with the arrows (the latter in combination with allow upside down). I can't test now unfortunately.
    – Max
    yesterday












  • 2




    For the arrows, you could add allow upside down to the node options.
    – Max
    yesterday






  • 1




    allow upside down works nicely -- thank you! If I do this to the node labels too, then they're in the right places, but need to be returned to normal orientation... Does that help I wonder?
    – Robert Brignall
    yesterday










  • Maybe use auto=left for the nodes with the numbers and auto=right for the nodes with the arrows (the latter in combination with allow upside down). I can't test now unfortunately.
    – Max
    yesterday







2




2




For the arrows, you could add allow upside down to the node options.
– Max
yesterday




For the arrows, you could add allow upside down to the node options.
– Max
yesterday




1




1




allow upside down works nicely -- thank you! If I do this to the node labels too, then they're in the right places, but need to be returned to normal orientation... Does that help I wonder?
– Robert Brignall
yesterday




allow upside down works nicely -- thank you! If I do this to the node labels too, then they're in the right places, but need to be returned to normal orientation... Does that help I wonder?
– Robert Brignall
yesterday












Maybe use auto=left for the nodes with the numbers and auto=right for the nodes with the arrows (the latter in combination with allow upside down). I can't test now unfortunately.
– Max
yesterday




Maybe use auto=left for the nodes with the numbers and auto=right for the nodes with the arrows (the latter in combination with allow upside down). I can't test now unfortunately.
– Max
yesterday










3 Answers
3






active

oldest

votes

















up vote
5
down vote



accepted










An option using conditionals to swap the positions fo the arrows and the text depending of the the orientation value 0 or 1 in the foreach imputs; the arrows are drawing using the midway node sloped points like node_name.east, nodename.west; to control the direction other value is added in the foreach inputs dir, using -> and <- notations. Sorry if it is not the most elegant but controls almost everything to get the desired result.



RESULT:



enter image description here



MWE:



documentclass[tikz,border=3mm]standalone
usetikzlibraryarrows.meta
tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=1.5mm
begindocument
 begintikzpicture[
 >=Stealth[length=3pt]
 ]
 foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
 node[vertex] at (x,y) (i) ;
 
 foreach s/t/dir/orientation [count=i] in 
 1/7/->/1,%1
 7/8/->/1,%2
 2/8/<-/0,%3
 1/2/<-/1,%4
 4/6/<-/0,%5
 6/5/<-/1,%6
 5/3/->/0,%7
 3/4/->/0,%8
 5/7/<-/0,%9
 2/4/<-/1,%10
 8/6/<-/0,%11
 3/1/<-/1%12
 
 ifnumorientation=0
 draw (s)
 -- (t)
 node[
 minimum width=0.6cm,
 midway,
 above,
 sloped,
 label=[inner sep=2pt]-90:scriptsizei
 ](temp);
 fi
 ifnumorientation=1
 draw (s) 
 -- (t)
 node[
 minimum width=0.6cm,
 midway,
 below,
 sloped,
 label=[inner sep=2pt]90:scriptsizei
 ](temp);
 fi
 draw[dir] (temp.west) -- (temp.east);
 
 endtikzpicture
enddocument





share|improve this answer




















  • Arrows 5 is in the opposite direction...
    – AndréC
    yesterday










  • Oh what a mistake, although I review for a while, thank you.
    – J Leon V.
    yesterday










  • Although I'm reluctant to pass more arguments, this is a good general solution. For my specific case, adding label=[inner sep=2pt]90:scriptsizei as you have, together with allow upside down to the second node (and removing the first node) is a good solution.
    – Robert Brignall
    yesterday

















up vote
3
down vote













This is just for fun. The arrows adjust themselves a bit to the path they get attached at.



documentclass[tikz,border=3.14mm]standalone
usetikzlibrarydecorations.markings
tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum
width=2mm,arrow right/.style args=#1/#2postaction=decorate,decoration=markings,
mark=at position 0.5 with %
draw[-stealth]
(-1.5mm-pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm)) -- 
(1.5mm+pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm));
node[font=footnotesize] at (0,#2*2mm)#1;
begindocument
begintikzpicture
foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
 node[vertex] at (x,y) (i) ;
foreach s/t/u [count=i] in
1/7/1,7/8/1,8/2/1,2/1/1,6/4/1,6/5/-1,5/3/-1,3/4/-1,5/7/1,2/4/1,8/6/1,3/1/1
 path (s) edge[arrow right=i/u] 
 (t);
endtikzpicture
enddocument


enter image description here






share|improve this answer



























    up vote
    0
    down vote













    The simplest solution might be to add auto=right to the nodes with the numbers, and allow upside down to the nodes with the arrows.



    enter image description here



    Not that this is not exactly the same as your example picture, because not all numbers are right of the arrow.



    documentclass[tikz,border=3mm]standalone
    tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=2mm
    begindocument
    begintikzpicture
    foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
     node[vertex] at (x,y) (i) ;
    foreach s/t [count=i] in 1/7,7/8,8/2,2/1,4/6,6/5,5/3,3/4,5/7,2/4,8/6,3/1
     path (s) edge node[midway,auto=right] footnotesize i node[sloped,midway,above,allow upside down] $longrightarrow$ (t);
    endtikzpicture
    enddocument





    share|improve this answer




















      Your Answer







      StackExchange.ready(function()
      var channelOptions =
      tags: "".split(" "),
      id: "85"
      ;
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function()
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled)
      StackExchange.using("snippets", function()
      createEditor();
      );

      else
      createEditor();

      );

      function createEditor()
      StackExchange.prepareEditor(
      heartbeatType: 'answer',
      convertImagesToLinks: false,
      noModals: false,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: null,
      bindNavPrevention: true,
      postfix: "",
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      );



      );













       

      draft saved


      draft discarded


















      StackExchange.ready(
      function ()
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f450414%2ftikz-edge-labels-positioning-relative-to-direction-of-edge%23new-answer', 'question_page');

      );

      Post as a guest

















      3 Answers
      3






      active

      oldest

      votes








      3 Answers
      3






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes








      up vote
      5
      down vote



      accepted










      An option using conditionals to swap the positions fo the arrows and the text depending of the the orientation value 0 or 1 in the foreach imputs; the arrows are drawing using the midway node sloped points like node_name.east, nodename.west; to control the direction other value is added in the foreach inputs dir, using -> and <- notations. Sorry if it is not the most elegant but controls almost everything to get the desired result.



      RESULT:



      enter image description here



      MWE:



      documentclass[tikz,border=3mm]standalone
      usetikzlibraryarrows.meta
      tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=1.5mm
      begindocument
       begintikzpicture[
       >=Stealth[length=3pt]
       ]
       foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
       node[vertex] at (x,y) (i) ;
       
       foreach s/t/dir/orientation [count=i] in 
       1/7/->/1,%1
       7/8/->/1,%2
       2/8/<-/0,%3
       1/2/<-/1,%4
       4/6/<-/0,%5
       6/5/<-/1,%6
       5/3/->/0,%7
       3/4/->/0,%8
       5/7/<-/0,%9
       2/4/<-/1,%10
       8/6/<-/0,%11
       3/1/<-/1%12
       
       ifnumorientation=0
       draw (s)
       -- (t)
       node[
       minimum width=0.6cm,
       midway,
       above,
       sloped,
       label=[inner sep=2pt]-90:scriptsizei
       ](temp);
       fi
       ifnumorientation=1
       draw (s) 
       -- (t)
       node[
       minimum width=0.6cm,
       midway,
       below,
       sloped,
       label=[inner sep=2pt]90:scriptsizei
       ](temp);
       fi
       draw[dir] (temp.west) -- (temp.east);
       
       endtikzpicture
      enddocument





      share|improve this answer




















      • Arrows 5 is in the opposite direction...
        – AndréC
        yesterday










      • Oh what a mistake, although I review for a while, thank you.
        – J Leon V.
        yesterday










      • Although I'm reluctant to pass more arguments, this is a good general solution. For my specific case, adding label=[inner sep=2pt]90:scriptsizei as you have, together with allow upside down to the second node (and removing the first node) is a good solution.
        – Robert Brignall
        yesterday














      up vote
      5
      down vote



      accepted










      An option using conditionals to swap the positions fo the arrows and the text depending of the the orientation value 0 or 1 in the foreach imputs; the arrows are drawing using the midway node sloped points like node_name.east, nodename.west; to control the direction other value is added in the foreach inputs dir, using -> and <- notations. Sorry if it is not the most elegant but controls almost everything to get the desired result.



      RESULT:



      enter image description here



      MWE:



      documentclass[tikz,border=3mm]standalone
      usetikzlibraryarrows.meta
      tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=1.5mm
      begindocument
       begintikzpicture[
       >=Stealth[length=3pt]
       ]
       foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
       node[vertex] at (x,y) (i) ;
       
       foreach s/t/dir/orientation [count=i] in 
       1/7/->/1,%1
       7/8/->/1,%2
       2/8/<-/0,%3
       1/2/<-/1,%4
       4/6/<-/0,%5
       6/5/<-/1,%6
       5/3/->/0,%7
       3/4/->/0,%8
       5/7/<-/0,%9
       2/4/<-/1,%10
       8/6/<-/0,%11
       3/1/<-/1%12
       
       ifnumorientation=0
       draw (s)
       -- (t)
       node[
       minimum width=0.6cm,
       midway,
       above,
       sloped,
       label=[inner sep=2pt]-90:scriptsizei
       ](temp);
       fi
       ifnumorientation=1
       draw (s) 
       -- (t)
       node[
       minimum width=0.6cm,
       midway,
       below,
       sloped,
       label=[inner sep=2pt]90:scriptsizei
       ](temp);
       fi
       draw[dir] (temp.west) -- (temp.east);
       
       endtikzpicture
      enddocument





      share|improve this answer




















      • Arrows 5 is in the opposite direction...
        – AndréC
        yesterday










      • Oh what a mistake, although I review for a while, thank you.
        – J Leon V.
        yesterday










      • Although I'm reluctant to pass more arguments, this is a good general solution. For my specific case, adding label=[inner sep=2pt]90:scriptsizei as you have, together with allow upside down to the second node (and removing the first node) is a good solution.
        – Robert Brignall
        yesterday












      up vote
      5
      down vote



      accepted







      up vote
      5
      down vote



      accepted






      An option using conditionals to swap the positions fo the arrows and the text depending of the the orientation value 0 or 1 in the foreach imputs; the arrows are drawing using the midway node sloped points like node_name.east, nodename.west; to control the direction other value is added in the foreach inputs dir, using -> and <- notations. Sorry if it is not the most elegant but controls almost everything to get the desired result.



      RESULT:



      enter image description here



      MWE:



      documentclass[tikz,border=3mm]standalone
      usetikzlibraryarrows.meta
      tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=1.5mm
      begindocument
       begintikzpicture[
       >=Stealth[length=3pt]
       ]
       foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
       node[vertex] at (x,y) (i) ;
       
       foreach s/t/dir/orientation [count=i] in 
       1/7/->/1,%1
       7/8/->/1,%2
       2/8/<-/0,%3
       1/2/<-/1,%4
       4/6/<-/0,%5
       6/5/<-/1,%6
       5/3/->/0,%7
       3/4/->/0,%8
       5/7/<-/0,%9
       2/4/<-/1,%10
       8/6/<-/0,%11
       3/1/<-/1%12
       
       ifnumorientation=0
       draw (s)
       -- (t)
       node[
       minimum width=0.6cm,
       midway,
       above,
       sloped,
       label=[inner sep=2pt]-90:scriptsizei
       ](temp);
       fi
       ifnumorientation=1
       draw (s) 
       -- (t)
       node[
       minimum width=0.6cm,
       midway,
       below,
       sloped,
       label=[inner sep=2pt]90:scriptsizei
       ](temp);
       fi
       draw[dir] (temp.west) -- (temp.east);
       
       endtikzpicture
      enddocument





      share|improve this answer












      An option using conditionals to swap the positions fo the arrows and the text depending of the the orientation value 0 or 1 in the foreach imputs; the arrows are drawing using the midway node sloped points like node_name.east, nodename.west; to control the direction other value is added in the foreach inputs dir, using -> and <- notations. Sorry if it is not the most elegant but controls almost everything to get the desired result.



      RESULT:



      enter image description here



      MWE:



      documentclass[tikz,border=3mm]standalone
      usetikzlibraryarrows.meta
      tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=1.5mm
      begindocument
       begintikzpicture[
       >=Stealth[length=3pt]
       ]
       foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
       node[vertex] at (x,y) (i) ;
       
       foreach s/t/dir/orientation [count=i] in 
       1/7/->/1,%1
       7/8/->/1,%2
       2/8/<-/0,%3
       1/2/<-/1,%4
       4/6/<-/0,%5
       6/5/<-/1,%6
       5/3/->/0,%7
       3/4/->/0,%8
       5/7/<-/0,%9
       2/4/<-/1,%10
       8/6/<-/0,%11
       3/1/<-/1%12
       
       ifnumorientation=0
       draw (s)
       -- (t)
       node[
       minimum width=0.6cm,
       midway,
       above,
       sloped,
       label=[inner sep=2pt]-90:scriptsizei
       ](temp);
       fi
       ifnumorientation=1
       draw (s) 
       -- (t)
       node[
       minimum width=0.6cm,
       midway,
       below,
       sloped,
       label=[inner sep=2pt]90:scriptsizei
       ](temp);
       fi
       draw[dir] (temp.west) -- (temp.east);
       
       endtikzpicture
      enddocument






      share|improve this answer












      share|improve this answer



      share|improve this answer










      answered yesterday









      J Leon V.

      6,615528




      6,615528











      • Arrows 5 is in the opposite direction...
        – AndréC
        yesterday










      • Oh what a mistake, although I review for a while, thank you.
        – J Leon V.
        yesterday










      • Although I'm reluctant to pass more arguments, this is a good general solution. For my specific case, adding label=[inner sep=2pt]90:scriptsizei as you have, together with allow upside down to the second node (and removing the first node) is a good solution.
        – Robert Brignall
        yesterday
















      • Arrows 5 is in the opposite direction...
        – AndréC
        yesterday










      • Oh what a mistake, although I review for a while, thank you.
        – J Leon V.
        yesterday










      • Although I'm reluctant to pass more arguments, this is a good general solution. For my specific case, adding label=[inner sep=2pt]90:scriptsizei as you have, together with allow upside down to the second node (and removing the first node) is a good solution.
        – Robert Brignall
        yesterday















      Arrows 5 is in the opposite direction...
      – AndréC
      yesterday




      Arrows 5 is in the opposite direction...
      – AndréC
      yesterday












      Oh what a mistake, although I review for a while, thank you.
      – J Leon V.
      yesterday




      Oh what a mistake, although I review for a while, thank you.
      – J Leon V.
      yesterday












      Although I'm reluctant to pass more arguments, this is a good general solution. For my specific case, adding label=[inner sep=2pt]90:scriptsizei as you have, together with allow upside down to the second node (and removing the first node) is a good solution.
      – Robert Brignall
      yesterday




      Although I'm reluctant to pass more arguments, this is a good general solution. For my specific case, adding label=[inner sep=2pt]90:scriptsizei as you have, together with allow upside down to the second node (and removing the first node) is a good solution.
      – Robert Brignall
      yesterday










      up vote
      3
      down vote













      This is just for fun. The arrows adjust themselves a bit to the path they get attached at.



      documentclass[tikz,border=3.14mm]standalone
      usetikzlibrarydecorations.markings
      tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum
      width=2mm,arrow right/.style args=#1/#2postaction=decorate,decoration=markings,
      mark=at position 0.5 with %
      draw[-stealth]
      (-1.5mm-pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm)) -- 
      (1.5mm+pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm));
      node[font=footnotesize] at (0,#2*2mm)#1;
      begindocument
      begintikzpicture
      foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
       node[vertex] at (x,y) (i) ;
      foreach s/t/u [count=i] in
      1/7/1,7/8/1,8/2/1,2/1/1,6/4/1,6/5/-1,5/3/-1,3/4/-1,5/7/1,2/4/1,8/6/1,3/1/1
       path (s) edge[arrow right=i/u] 
       (t);
      endtikzpicture
      enddocument


      enter image description here






      share|improve this answer
























        up vote
        3
        down vote













        This is just for fun. The arrows adjust themselves a bit to the path they get attached at.



        documentclass[tikz,border=3.14mm]standalone
        usetikzlibrarydecorations.markings
        tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum
        width=2mm,arrow right/.style args=#1/#2postaction=decorate,decoration=markings,
        mark=at position 0.5 with %
        draw[-stealth]
        (-1.5mm-pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm)) -- 
        (1.5mm+pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm));
        node[font=footnotesize] at (0,#2*2mm)#1;
        begindocument
        begintikzpicture
        foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
         node[vertex] at (x,y) (i) ;
        foreach s/t/u [count=i] in
        1/7/1,7/8/1,8/2/1,2/1/1,6/4/1,6/5/-1,5/3/-1,3/4/-1,5/7/1,2/4/1,8/6/1,3/1/1
         path (s) edge[arrow right=i/u] 
         (t);
        endtikzpicture
        enddocument


        enter image description here






        share|improve this answer






















          up vote
          3
          down vote










          up vote
          3
          down vote









          This is just for fun. The arrows adjust themselves a bit to the path they get attached at.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibrarydecorations.markings
          tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum
          width=2mm,arrow right/.style args=#1/#2postaction=decorate,decoration=markings,
          mark=at position 0.5 with %
          draw[-stealth]
          (-1.5mm-pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm)) -- 
          (1.5mm+pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm));
          node[font=footnotesize] at (0,#2*2mm)#1;
          begindocument
          begintikzpicture
          foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
           node[vertex] at (x,y) (i) ;
          foreach s/t/u [count=i] in
          1/7/1,7/8/1,8/2/1,2/1/1,6/4/1,6/5/-1,5/3/-1,3/4/-1,5/7/1,2/4/1,8/6/1,3/1/1
           path (s) edge[arrow right=i/u] 
           (t);
          endtikzpicture
          enddocument


          enter image description here






          share|improve this answer












          This is just for fun. The arrows adjust themselves a bit to the path they get attached at.



          documentclass[tikz,border=3.14mm]standalone
          usetikzlibrarydecorations.markings
          tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum
          width=2mm,arrow right/.style args=#1/#2postaction=decorate,decoration=markings,
          mark=at position 0.5 with %
          draw[-stealth]
          (-1.5mm-pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm)) -- 
          (1.5mm+pgfdecoratedpathlength/8,-1*#2*(1mm+min(pgfdecoratedpathlength/16,1mm));
          node[font=footnotesize] at (0,#2*2mm)#1;
          begindocument
          begintikzpicture
          foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
           node[vertex] at (x,y) (i) ;
          foreach s/t/u [count=i] in
          1/7/1,7/8/1,8/2/1,2/1/1,6/4/1,6/5/-1,5/3/-1,3/4/-1,5/7/1,2/4/1,8/6/1,3/1/1
           path (s) edge[arrow right=i/u] 
           (t);
          endtikzpicture
          enddocument


          enter image description here







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered yesterday









          marmot

          56.9k462124




          56.9k462124




















              up vote
              0
              down vote













              The simplest solution might be to add auto=right to the nodes with the numbers, and allow upside down to the nodes with the arrows.



              enter image description here



              Not that this is not exactly the same as your example picture, because not all numbers are right of the arrow.



              documentclass[tikz,border=3mm]standalone
              tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=2mm
              begindocument
              begintikzpicture
              foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
               node[vertex] at (x,y) (i) ;
              foreach s/t [count=i] in 1/7,7/8,8/2,2/1,4/6,6/5,5/3,3/4,5/7,2/4,8/6,3/1
               path (s) edge node[midway,auto=right] footnotesize i node[sloped,midway,above,allow upside down] $longrightarrow$ (t);
              endtikzpicture
              enddocument





              share|improve this answer
























                up vote
                0
                down vote













                The simplest solution might be to add auto=right to the nodes with the numbers, and allow upside down to the nodes with the arrows.



                enter image description here



                Not that this is not exactly the same as your example picture, because not all numbers are right of the arrow.



                documentclass[tikz,border=3mm]standalone
                tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=2mm
                begindocument
                begintikzpicture
                foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
                 node[vertex] at (x,y) (i) ;
                foreach s/t [count=i] in 1/7,7/8,8/2,2/1,4/6,6/5,5/3,3/4,5/7,2/4,8/6,3/1
                 path (s) edge node[midway,auto=right] footnotesize i node[sloped,midway,above,allow upside down] $longrightarrow$ (t);
                endtikzpicture
                enddocument





                share|improve this answer






















                  up vote
                  0
                  down vote










                  up vote
                  0
                  down vote









                  The simplest solution might be to add auto=right to the nodes with the numbers, and allow upside down to the nodes with the arrows.



                  enter image description here



                  Not that this is not exactly the same as your example picture, because not all numbers are right of the arrow.



                  documentclass[tikz,border=3mm]standalone
                  tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=2mm
                  begindocument
                  begintikzpicture
                  foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
                   node[vertex] at (x,y) (i) ;
                  foreach s/t [count=i] in 1/7,7/8,8/2,2/1,4/6,6/5,5/3,3/4,5/7,2/4,8/6,3/1
                   path (s) edge node[midway,auto=right] footnotesize i node[sloped,midway,above,allow upside down] $longrightarrow$ (t);
                  endtikzpicture
                  enddocument





                  share|improve this answer












                  The simplest solution might be to add auto=right to the nodes with the numbers, and allow upside down to the nodes with the arrows.



                  enter image description here



                  Not that this is not exactly the same as your example picture, because not all numbers are right of the arrow.



                  documentclass[tikz,border=3mm]standalone
                  tikzsetvertex/.style=circle, draw, fill=black, inner sep=0pt, minimum width=2mm
                  begindocument
                  begintikzpicture
                  foreach x/y [count=i] in 0/0,3/0,1/1,2/1,1/2,2/2,0/3,3/3
                   node[vertex] at (x,y) (i) ;
                  foreach s/t [count=i] in 1/7,7/8,8/2,2/1,4/6,6/5,5/3,3/4,5/7,2/4,8/6,3/1
                   path (s) edge node[midway,auto=right] footnotesize i node[sloped,midway,above,allow upside down] $longrightarrow$ (t);
                  endtikzpicture
                  enddocument






                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered yesterday









                  Max

                  6,14311727




                  6,14311727



























                       

                      draft saved


                      draft discarded















































                       


                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function ()
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f450414%2ftikz-edge-labels-positioning-relative-to-direction-of-edge%23new-answer', 'question_page');

                      );

                      Post as a guest
































































                      Comments

                      Post a Comment

                      Popular posts from this blog

                      What does second last employer means? [closed]

                      Image
                      Clash Royale CLAN TAG #URR8PPP .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0; up vote -3 down vote favorite Say, for example I have worked in the following companies, Company A => 2010 - 2011 Company B => 2011 - 2012 Company C => 2012 - Till Date Company D => Have offer Now assume Company D is asking to submit documents from my second last employer. So from the list of companies given, which company would be qualified as second last employer? software-industry employer share | improve this question asked Aug 10 '14 at 5:16 Rajaprabhu Aravindasamy 559 1 6 13 closed as off-topic by Jim G., jmort253 ♦ Aug 11 '14 at 1:58 This question appears to be off-topic. The users who voted to close gave this specific reason: "Questions seeking advice on company-specific regulations, agreements, or policies should be directed to your manager or HR department. Questions that address...
                      Read more

                      List of Gilmore Girls characters

                      Image
                      The season three cast—(Back row): Lane, Michel, Paris, Emily, Richard, Sookie, Miss Patty, Kirk; Front row: Jess, Luke, Lorelai, Rory, Dean This is a list of characters for the comedy-drama television series Gilmore Girls . Contents 1 Main characters 1.1 Lorelai Gilmore 1.2 Rory Gilmore 1.3 Sookie St. James 1.4 Lane Kim 1.5 Michel Gerard 1.6 Luke Danes 1.7 Emily Gilmore 1.8 Richard Gilmore 1.9 Paris Geller 1.10 Dean Forester 1.11 Jess Mariano 1.12 Kirk Gleason 1.13 Jason Stiles 1.14 Logan Huntzberger 2 Major recurring characters 2.1 Christopher Hayden 2.2 Jackson Belleville 2.3 Mrs. Kim 2.4 Tristin DuGray 2.5 Max Medina 2.6 Taylor Doose 2.7 Dave Rygalski 2.8 Marty 3 Recurring characters 3.1 Stars Hollow 3.2 Chilton 3.3 Yale 3.4 Other 4 Notable guest stars 5 Unseen characters 6 Notes 7 References Main characters Actor Character Appearances Season 1 Season 2 Season 3 Season 4 Season 5 Season 6 Season 7 A Year in the Life Lauren Graham Lorelai Gilmore...
                      Read more

                      One-line joke

                      A one-liner is a joke that is delivered in a single line. A good one-liner is said to be pithy - concise and meaningful. [1] Comedians and actors use this comedic method as part of their act, e.g. Jimmy Carr, Tommy Cooper, Rodney Dangerfield, Norm Macdonald, Ken Dodd, Stewart Francis, Zach Galifianakis, Mitch Hedberg, Anthony Jeselnik, Milton Jones, Shappi Khorsandi, Jay London, Mark Linn-Baker, Demetri Martin, Groucho Marx, Dan Mintz, Emo Philips, Tim Vine, Steven Wright and Henny Youngman and Arnold Schwarzenegger. [ citation needed ] Many fictional characters are also known to deliver one-liners, including James Bond, who usually includes pithy and laconic quips after disposing of a villain. [ citation needed ] Examples "A baby seal walks into a club." "A dyslexic man walks into a bra." (Anonymous) "There are three types of people, those who can count and those who can't." "Venison's dear, isn't it?" (Jimmy Carr) "An escala...
                      Read more