[Tex/LaTex] pgfgantt: draw arrows (links) behind bars

pgfgantttikz-pgf

I want to draw a Gantt diagram using pgfgantt. With the default settings, it draws the bars first and the arrows/links second. Thereby, the bars are crossed by the arrows which I find utterly ugly. Is it possible to change this behaviour, e.g., to define the z-order of drawing ?

enter image description here

Minimal working example:

\documentclass{article}
\usepackage{pgfgantt}

\begin{document}
\begin{tikzpicture}
\begin{ganttchart}[bar/.append style={orange}, link/.append style={thick}]{1}{6}
  \ganttbar{Task 1}{1}{2} \\
  \ganttbar{Task 2}{3}{4} \\
  \ganttbar{Task 3}{5}{6}
  \ganttlink[link type=f-s]{elem0}{elem1}
  \ganttlink{elem0}{elem2}
\end{ganttchart}
\end{tikzpicture}
\end{document}

The example works with pgfgantt.sty version 4.0.

Best Answer

Setting the canvas to fill=none, one can simply use the backgrounds library and the on background layer key to draw the arrow behind “Task 2”. I also set the outer xsep to zero so that the f-s line is perfectly straight.

To avoid ambiguity about that arrow corssing under “Task 2” I would draw the arrow around as in Example Y below. (One could also think of keys that only add to already established link bulge value.)

Code X

\documentclass[tikz,convert=false]{standalone}
\usepackage{pgfgantt}
\usetikzlibrary{backgrounds}
\begin{document}
\begin{ganttchart}[
  /pgf/outer xsep=+0pt,
  bar/.append style={orange},
  canvas/.append style={fill=none},
  link/.append style={thick}]{1}{6}
  \ganttbar{Task 1}{1}{2} \\
  \ganttbar{Task 2}{3}{4} \\
  \ganttbar{Task 3}{5}{6}
  \ganttlink[link type=f-s]{elem0}{elem1}
  \begin{scope}[on background layer]
    \ganttlink{elem0}{elem2}
  \end{scope}
\end{ganttchart}
\end{document}

Output X

enter image description here

Code Y

\documentclass[tikz,convert]{standalone}
\usepackage{pgfgantt}
\newganttlinktype{rdldr*}{%
  \draw [/pgfgantt/link]
    (\xLeft, \yUpper) --
    (\xLeft + \ganttvalueof{link bulge 1} * \ganttvalueof{x unit},
      \yUpper) --
    ($(\xLeft + \ganttvalueof{link bulge 1} * \ganttvalueof{x unit},
      \yUpper)!%
      \ganttvalueof{link mid}!%
      (\xLeft + \ganttvalueof{link bulge 1} * \ganttvalueof{x unit},
      \yLower)$) --
    ($(\xRight - \ganttvalueof{link bulge 2} * \ganttvalueof{x unit},
      \yUpper)!%
      \ganttvalueof{link mid}!%
      (\xRight - \ganttvalueof{link bulge 2} * \ganttvalueof{x unit},
      \yLower)$) --
    (\xRight - \ganttvalueof{link bulge 2} * \ganttvalueof{x unit},
      \yLower) --
    (\xRight, \yLower);%
}
\ganttset{
  link bulge 1/.link=/pgfgantt/link bulge,
  link bulge 2/.link=/pgfgantt/link bulge}
\begin{document}
\begin{ganttchart}[
  bar/.append style={orange},
  link/.append style={thick},
  link bulge=.5]{1}{6}
  \ganttbar{Task 1}{1}{2} \\
  \ganttbar{Task 2}{3}{4} \\
  \ganttbar{Task 3}{5}{6}
  \ganttlink{elem0}{elem1}
  \ganttlink[link type=rdldr*, link bulge 1=2.5, link mid=.75]{elem0}{elem2}
\end{ganttchart}
\begin{ganttchart}[
  bar/.append style={orange},
  link/.append style={thick},
  link bulge=.5]{1}{6}
  \ganttbar{Task 1}{1}{2} \\
  \ganttbar{Task 2}{3}{4} \\
  \ganttbar{Task 3}{5}{6}
  \ganttlink{elem0}{elem1}
  \ganttlink[link type=rdldr*, link bulge 2=2.5, link mid=.25]{elem0}{elem2}
\end{ganttchart}
\end{document}

Output Y

enter image description here

Related Solutions

[Tex/LaTex] TikZ: Drawing an arc from an intersection to an intersection

A solution which allows to draw intersection segments of any two intersections is available as tikz library fillbetween.

This library works as general purpose tikz library, but it is shipped with pgfplots and you need to load pgfplots in order to make it work:

\documentclass{standalone}

\usepackage{tikz}
\usepackage{pgfplots}
\usetikzlibrary{fillbetween}

\begin{document}

\begin{tikzpicture}

\draw [name path=red,red] (120:1.06) circle (1.9);
%\draw [name path=yellow,yellow] (0:1.06) circle (2.12);
\draw [name path=green,green!50!black] (0:0.77) circle (2.41);
\draw [name path=blue,blue] (0:0) circle (1.06);

% substitute this temp path by `\path` to make it invisible:
\draw[name path=temp1, intersection segments={of=red and blue,sequence=L1}];
\draw[red,-stealth,ultra thick, intersection segments={of=temp1 and green,sequence=L3}];

\end{tikzpicture}

\end{document}

enter image description here

The key intersection segments is described in all detail in the pgfplots reference manual section "5.6.6 Intersection Segment Recombination"; the key idea in this case is to

create a temporary path temp1 which is the first intersection segment of red and blue, more precisely, it is the first intersection segment in the Left argument in red and blue : red. This path is drawn as thin black path. Substitute its \draw statement by \path to make it invisible.
Compute the desired intersection segment by intersecting temp1 and green and use the correct intersection segment. By trial and error I figured that it is the third segment of path temp1 which is written as L3 (L = left argument in temp1 and green and 3 means third segment of that path).

The argument involves some trial and error because fillbetween is unaware of the fact that end and startpoint are connected -- and we as end users do not see start and end point.

Note that you can connect these path segments with other paths. If such an intersection segment should be the continuation of another path, use -- as before the first argument in sequence. This allows to fill paths segments:

\documentclass{standalone}

\usepackage{tikz}
\usepackage{pgfplots}
\usetikzlibrary{fillbetween}

\begin{document}

\begin{tikzpicture}

\draw [name path=red,red] (120:1.06) circle (1.9);
%\draw [name path=yellow,yellow] (0:1.06) circle (2.12);
\draw [name path=green,green!50!black] (0:0.77) circle (2.41);
\draw [name path=blue,blue] (0:0) circle (1.06);

% substitute this temp path by `\path` to make it invisible:
\draw[name path=temp1, intersection segments={of=red and blue,sequence=L1}];
\draw[red,fill=blue,-stealth,ultra thick, intersection segments={of=temp1 and green,sequence=L3}]  
    [intersection segments={of=temp1 and green, sequence={--R2}}]
;

\end{tikzpicture}

\end{document}

enter image description here

[Tex/LaTex] Drawing rectilinear curves in Tikz, aka an Etch-a-Sketch drawing

\draw (20,12) -- ++(2,0) -- ++(0,2) -- ++(-3,0) -- ++(45:3);

Use ++ before each new incremental coordinate to make it relative to the last one and put the pencil there.

Here's a complete example:

\documentclass{article}
\usepackage{tikz}
\begin{document}
\tikz\draw (20,12) -- ++(2,0) -- ++(0,2) -- ++(-3,0) -- ++(30:3) {[rounded corners=10pt]-- ++(5,0) -- ++(0,-6)} -- ++(-7,0) -- cycle;
\end{document}

Of course, combining this with the -| or |- path operators can simplify the code even further; the following two pieces of code produce the same result:

\tikz\draw (20,12) -- ++(2,0) -- ++(0,2) -- ++(3,0) -- ++(0,1) -- ++(1,0) -- ++(0,-3) -- ++(2,0);\par\bigskip

and

\tikz\draw (20,12) -| ++(2,2) -| ++(3,1) -- ++(1,0) |- ++(2,-3);

I don't think that defining commands in this case adds anything; in fact, I think it reduces the functionality of the existing syntax (which is already simple). The example demonstrates that you can use, for example, polar coordinates and modify (up to TikZ limitations) the path attributes midways; even if the current question doesn't require this, it's a good thing to have the possibility to do those kind of modification if they are required.

Best Answer

Code X

Output X

Code Y

Output Y

Related Solutions

[Tex/LaTex] TikZ: Drawing an arc from an intersection to an intersection

[Tex/LaTex] Drawing rectilinear curves in Tikz, aka an Etch-a-Sketch drawing

Related Question