[Tex/LaTex] How to change the color of ganttbar

pgfgantttikz-pgf

I want to set the color of intervals

14:00-15:00 to red
19:00-20:30 to green
20:30-21:30 to yellow

How to change it?

MWE

\documentclass[border=12pt]{standalone}
\usepackage{pgfgantt}

\ganttset{group/.append style={transparent},
milestone/.append style={red},
progress label node anchor/.append style={text=red}}

\begin{document}
    \begin{ganttchart}[
     y unit title=0.5cm,
     y unit chart=0.7cm,
     vgrid,hgrid,
     title height=1,
     title label font=\bfseries\footnotesize,
     bar/.style={fill=blue},
     bar height=0.7,
     group right shift=0,
     group top shift=0.7,
     group height=.3,
     group peaks width={0.5},
     inline]{1}{24}
    \gantttitle{7}{2}
    \gantttitle{8}{2}
    \gantttitle{10}{2}
    \gantttitle{11}{2}
    \gantttitle{12}{2}
    \gantttitle{13}{2}
    \gantttitle{14}{2} 
    \gantttitle{15}{2}
    \gantttitle{19}{2}
    \gantttitle{20}{2}
    \gantttitle{21}{2} 
    \gantttitle{22}{2}\\
    \ganttgroup[inline=false]{Monday}{0}{0}
    \ganttbar[]{}{14}{15}% red
    \ganttbar[]{}{18}{20}% green
    \ganttbar[]{}{21}{22}\\% yellow
\end{ganttchart}
\end{document}

Best Answer

You could use [bar/.append style={fill=red}] like this:

    \ganttbar[bar/.append style={fill=red}]{}{14}{15}% red
    \ganttbar[bar/.append style={fill=green}]{}{18}{20}% green
    \ganttbar[bar/.append style={fill=yellow}]{}{21}{22}\\% yellow

MWE:

\documentclass[border=12pt]{standalone}
\usepackage{pgfgantt}

\ganttset{group/.append style={transparent},
milestone/.append style={red},
progress label node anchor/.append style={text=red}}

\begin{document}
    \begin{ganttchart}[
     y unit title=0.5cm,
     y unit chart=0.7cm,
     vgrid,hgrid,
     title height=1,
     title label font=\bfseries\footnotesize,
     bar/.style={fill=blue},
     bar height=0.7,
     group right shift=0,
     group top shift=0.7,
     group height=.3,
     group peaks width={0.5},
     inline]{1}{24}
    \gantttitle{7}{2}
    \gantttitle{8}{2}
    \gantttitle{10}{2}
    \gantttitle{11}{2}
    \gantttitle{12}{2}
    \gantttitle{13}{2}
    \gantttitle{14}{2} 
    \gantttitle{15}{2}
    \gantttitle{19}{2}
    \gantttitle{20}{2}
    \gantttitle{21}{2} 
    \gantttitle{22}{2}\\
    \ganttgroup[inline=false]{Monday}{0}{0}
    \ganttbar[bar/.append style={fill=red}]{}{14}{15}% red
    \ganttbar[bar/.append style={fill=green}]{}{18}{20}% green
    \ganttbar[bar/.append style={fill=yellow}]{}{21}{22}\\% yellow
\end{ganttchart}
\end{document}

Related Solutions

[Tex/LaTex] Alignment of the bar labels of ganttbar

If the question is about the label text align then you can use a coordinate intersection as follows:

\documentclass{article}
\usepackage{tikz,pgfgantt}
\begin{document}
\begin{tikzpicture}[node distance=0cm]
\node[align=center] at (-4,0) (o) {This is\\ adjust node}; %Remove the text later or change it to a \coordinate
\begin{ganttchart}[vgrid, hgrid, bar label font=\Large,bar label text={--#1$\rightarrow$}]{12}
    \gantttitle{Title}{12} \\
    \ganttbar[name=b1,bar label anchor/.style={draw,right = of o|-b1}]{Task 1}{1}{3} \\
    \ganttbar[name=b2,bar label anchor/.style={draw,right = of o|-b2},bar label font=\color{orange}]{Task 2}{4}{10} \\
    \ganttbar[name=b3,bar label anchor/.style={draw,right = of o|-b3},bar label font=\MakeUppercase]{Final task}{11}{12}
\end{ganttchart}
    \node[fill,circle,inner sep=2pt] at (b1) {}; %This line is for demo
    \draw[dashed] (o) |- (b1); % This too!
\end{tikzpicture}
\end{document}

This would give

enter image description here

As seen from the image we first provide an adjusting node. Since the north west point of the chart is the origin we just go left from the origin where I placed the node (o). Then we take the orthogonal intersection of this point and the bar center which is shown with a black dot and the intersection is shown with a dashed line. We put the bar labels' left side at these intersections hence they become left aligned. To be able to refer to each bar label we need to provide some names as can be seen from code.

Note that, I placed node distance=0cm to snap to the point without extra padding otherwise the labels would be as far as this key dictates. Moreover, I put the draw option to the anchor style keys to see if it is working properly and simply can be removed later.

[Tex/LaTex] How to move a ganttbar label to the right of the bar

Thanks to @Jesse, the problem is solved! By comparing my MWE with the answer he linked to I found out what was wrong. In addition to the missing "bar" in the \ganttbar options, I was actually missing the "inline" option in the \ganttchart original declaration. Here is a corrected version of the MWE I originally gave:

\documentclass[a4paper,10pt]{article}
\usepackage{pgfgantt}
\begin{document}
\begin{ganttchart}[inline]{1}{10}
   \ganttbar[inline=false]{Deliverable}{2}{2}
   \ganttbar[bar inline label node/.style={right=2mm}]{0.1,0.2}{2}{2}
\end{ganttchart}
\end{document}

MWE

Best Answer

Related Solutions

[Tex/LaTex] Alignment of the bar labels of ganttbar

[Tex/LaTex] How to move a ganttbar label to the right of the bar

Related Question