[Tex/LaTex] How to fill 3 areas or more under a curve with different dashed colors

fillbetweenpgfplotstikz-pgf

I tried to use tikz and pgfplots packages in order to fill different areas under a curve with different colors.

The issue is in the script below. When I define the area's draw pattern for two first areas, it seems ok, as it gives me red and cyan dashed lines. I specify green as pattern color for the third one but the fill color remains cyan. Can anyone give me a hint to solve this. I want to have multiple filled areas with different filling colors.

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{patterns}
\usepackage{pgfplots}
\pgfplotsset{compat=1.10}
\usepgfplotslibrary{fillbetween}
\begin{document}
\begin{tikzpicture}
\tikzset{
    hatch distance/.store in=\hatchdistance,
    hatch distance=10pt,
    hatch thickness/.store in=\hatchthickness,
    hatch thickness=2pt
}

\makeatletter
\pgfdeclarepatternformonly[\hatchdistance,\hatchthickness]{flexible hatch}
{\pgfqpoint{0pt}{0pt}}
{\pgfqpoint{\hatchdistance}{\hatchdistance}}
{\pgfpoint{\hatchdistance-1pt}{\hatchdistance-1pt}}%
{
    \pgfsetcolor{\tikz@pattern@color}
    \pgfsetlinewidth{\hatchthickness}
    \pgfpathmoveto{\pgfqpoint{0pt}{0pt}}
    \pgfpathlineto{\pgfqpoint{\hatchdistance}{\hatchdistance}}
    \pgfusepath{stroke}
}

\begin{axis}[
    xmin=0,xmax=4,
    xlabel={k'},
    ymin=0,ymax=1,
    axis on top,
    legend style={legend cell align=right,legend plot pos=right}]

\addplot[name path=A,color=red,domain=0:4,samples=100] {1/(x+1)};


\path[name path=B] (axis cs:\pgfkeysvalueof{/pgfplots/xmin},0) -- (axis cs:\pgfkeysvalueof{/pgfplots/xmax},0);

\addplot+[draw,pattern=flexible hatch,pattern color=red]
fill between[
    of=A and B,
    soft clip={domain=0:.25},
];

\addplot[pattern=flexible hatch,pattern color=cyan,draw=blue,hatch distance=5pt, hatch thickness=0.5pt]
fill between[
    of=A and B,
    soft clip={domain=0.25:0.5},
];


\addplot[pattern=flexible hatch,pattern color=green,draw=blue,hatch distance=5pt, hatch thickness=0.5pt]
fill between[
    of=A and B,
    soft clip={domain=0.5:0.9},
];


\end{axis}
\end{tikzpicture}
\end{document}

Best Answer

The problem lays in the definition of your custom pattern. With the link provided by Ross in the comments below this answer one can modify your definition which then works perfectly fine.

For more details please have a look at the comments in the code.

% used PGFPlots v1.15
\documentclass[border=5pt]{standalone}
\usepackage{pgfplots}
    \usetikzlibrary{
        patterns,
        pgfplots.fillbetween,
    }
    \pgfplotsset{compat=1.3}
    % -------------------------------------------------------------------------
    % the code bases was most likely borrowed from one of the following sources
    %     <https://tex.stackexchange.com/a/119711/95441>
    %     <https://tex.stackexchange.com/a/29367/95441>
    % with some adaptions found in
    %     <https://tex.stackexchange.com/a/60234/95441>
    % it now works perfectly fine
    \tikzset{
        hatch distance/.store in=\hatchdistance,
        hatch distance=10pt,
        hatch thickness/.store in=\hatchthickness,
        hatch thickness=2pt,
        hatch color/.store in=\hatchcolor,      % <-- added
        hatch color=black,                      % <-- added
    }
    \pgfdeclarepatternformonly[%
        \hatchdistance,%
        \hatchthickness,%
        \hatchcolor%                            % <-- added
            ]{flexible hatch}
    {\pgfqpoint{0pt}{0pt}}
    {\pgfqpoint{\hatchdistance}{\hatchdistance}}
    {\pgfpoint{\hatchdistance-1pt}{\hatchdistance-1pt}}%
    {
        \pgfsetlinewidth{\hatchthickness}
        \pgfpathmoveto{\pgfqpoint{0pt}{0pt}}
        \pgfpathlineto{\pgfqpoint{\hatchdistance}{\hatchdistance}}
        \pgfsetstrokecolor{\hatchcolor}%        % <-- added
        \pgfusepath{stroke}
    }
    % -------------------------------------------------------------------------
\begin{document}
\begin{tikzpicture}
    \begin{axis}[
        xmin=0,xmax=4,
        xlabel={k'},
        ymin=0,ymax=1,
        axis on top,
    ]
        \addplot [
            color=red,
            domain=0:4,
            smooth,                             % <-- (changed from `samples')
            name path=A,
        ] {1/(x+1)};

        \path [name path=B]
            (axis cs:\pgfkeysvalueof{/pgfplots/xmin},0) --
            (axis cs:\pgfkeysvalueof{/pgfplots/xmax},0);

        \addplot+ [
            draw,
            pattern=flexible hatch,
            hatch color=red,                    % <-- changed from `pattern color'
        ] fill between [
            of=A and B,
            soft clip={domain=0:.25},
        ];

        \addplot [
            draw=blue,
            pattern=flexible hatch,
            hatch distance=5pt,
            hatch thickness=0.5pt,
            hatch color=cyan,
        ] fill between [
            of=A and B,
            soft clip={domain=0.25:0.5},
        ];

        \addplot [
            draw=blue,
            pattern=flexible hatch,
            hatch distance=5pt,
            hatch thickness=0.5pt,
            hatch color=green,
        ] fill between [
            of=A and B,
            soft clip={domain=0.5:0.9},
        ];
    \end{axis}
\end{tikzpicture}
\end{document}

Related Solutions

[Tex/LaTex] plotting two time series with bounds

This happens because PGFPlots only uses one "stack" per axis: You're stacking the second confidence interval on top of the first. The easiest way to fix this is probably to use the approach described in "Is there an easy way of using line thickness as error indicator in a plot?": After plotting the first confidence interval, stack the upper bound on top again, using stack dir=minus. That way, the stack will be reset to zero, and you can draw the second confidence interval in the same fashion as the first:

\documentclass{standalone}
\usepackage{pgfplots, tikz}

\usepackage{pgfplotstable}

\pgfplotstableread{
temps   y_h y_h__inf    y_h__sup    y_f y_f__inf    y_f__sup    

1   0.237340    0.135170    0.339511    0.237653    0.135482    0.339823    
2   0.561320    0.422007    0.700633    0.165871    0.026558    0.305184    
3   0.694760    0.534205    0.855314    0.074856    -0.085698   0.235411    
4   0.728306    0.560179    0.896432    0.003361    -0.164765   0.171487    
5   0.711710    0.544944    0.878477    -0.044582   -0.211349   0.122184    
6   0.671241    0.511191    0.831291    -0.073347   -0.233397   0.086703    
7   0.621177    0.471219    0.771135    -0.088418   -0.238376   0.061540    
8   0.569354    0.431826    0.706882    -0.094382   -0.231910   0.043146    
9   0.519973    0.396571    0.643376    -0.094619   -0.218022   0.028783    
10  0.475121    0.366990    0.583251    -0.091467   -0.199598   0.016664    
}{\table}

\begin{document}
\begin{tikzpicture}

    \begin{axis}
    % y_h confidence interval
    \addplot [stack plots=y, fill=none, draw=none, forget plot]   table [x=temps, y=y_h__inf]   {\table} \closedcycle;
    \addplot [stack plots=y, fill=gray!50, opacity=0.4, draw opacity=0, area legend]   table [x=temps, y expr=\thisrow{y_h__sup}-\thisrow{y_h__inf}]   {\table} \closedcycle;
    % subtract the upper bound so our stack is back at zero
    \addplot [stack plots=y, stack dir=minus, forget plot, draw=none] table [x=temps, y=y_h__sup] {\table};

    % y_f confidence interval
    \addplot [stack plots=y, fill=none, draw=none, forget plot]   table [x=temps, y=y_f__inf]   {\table} \closedcycle;
    \addplot [stack plots=y, fill=gray!50, opacity=0.4, draw opacity=0, area legend]   table [x=temps, y expr=\thisrow{y_f__sup}-\thisrow{y_f__inf}]   {\table} \closedcycle;

    % the line plots (y_h and y_f)    
    \addplot [stack plots=false, very thick,smooth,blue]  table [x=temps, y=y_h]   {\table};
    \addplot [stack plots=false, very thick,smooth,blue]  table [x=temps, y=y_f]   {\table};
    \end{axis}

\end{tikzpicture}
\end{document}

[Tex/LaTex] Pgfplots: how to fill bounded area under a curve using addplot and fill

This can be done by means of the fillbetween library which has been introduced in pgfplots 1.10 :

enter image description here

\documentclass{standalone}

\usepackage{pgfplots}

\pgfplotsset{compat=1.10}

\usepgfplotslibrary{fillbetween}

\begin{document}
\begin{tikzpicture} 
    \begin{axis}[enlargelimits=0.1]
    \addplot[name path=f,domain=-.15:1.05,blue] {x^2};

    \path[name path=axis] (axis cs:0,0) -- (axis cs:1,0);

    \addplot [
        thick,
        color=blue,
        fill=blue, 
        fill opacity=0.05
    ]
    fill between[
        of=f and axis,
        soft clip={domain=0:1},
    ];

    \node [rotate=48] at (axis cs:  .7,  .59) {$y=x^2$};
    \node [rotate=90] at (axis cs:  1.05,  .25) {$x=1$};
    \end{axis}
\end{tikzpicture}  
\end{document}

The basic idea is to have two labelled input paths, in our case the function as such and the path which resembles the other boundary (in our case the part of the axis from 0 to 1). Then, \addplot fill between can draw the area between these two input paths.

The fill between library can also draw intersection segments individually. This would allow you to fill only the area between y=0.2 and the function:

enter image description here

\documentclass{standalone}

\usepackage{pgfplots}

\pgfplotsset{compat=1.10}

\usepgfplotslibrary{fillbetween}

\begin{document}

\begin{tikzpicture} 
    \begin{axis}[enlargelimits=0.1]
    \addplot[name path=f,domain=-.15:1.05,blue] {x^2};

    \path[name path=axis] (axis cs:0,0.2) -- (axis cs:1,0.2);

    \addplot [
        thick,
        color=blue,
        fill=blue, 
        fill opacity=0.05
    ]
    fill between[
        of=f and axis,
        split,
        every segment no 0/.style={
            %fill=none,
            yellow,
        },
    ];

    \node [rotate=48] at (axis cs:  .7,  .59) {$y=x^2$};
    \node [rotate=90] at (axis cs:  1.05,  .25) {$x=1$};
    \end{axis}
\end{tikzpicture}  
\end{document}

In this example, the second path (labelled axis) is at y=0.2 and we fill between f and axis. Clearly, this results in two segments. I told fillbetween to fill the first segment in yellow, but you can easily use fill=none to make it invisible.

In case you want to show the boundaries of the filled region, you can easily add draw to the option list of \addplot fill between.

Best Answer

Related Solutions

[Tex/LaTex] plotting two time series with bounds

[Tex/LaTex] Pgfplots: how to fill bounded area under a curve using addplot and fill

Related Question