[Tex/LaTex] rotation problem text in arrow tikz

tikz-arrowstikz-pgf

I'm trying to make a graphic that needs two arrows, I've already found how to rotate the arrow, but I don't want the text to be rotated 180 degrees.

Bonusproblem, I want the red line ticker …

\documentclass[10pt,a4paper]{article}
\usepackage[dutch]{babel}
\usepackage[utf8]{inputenc}
\usepackage{tikz}
\usepackage{tkz-euclide}
 \usetikzlibrary{calc, trees, positioning, arrows, shapes, shapes.multipart, shadows, matrix, decorations.pathreplacing, decorations.pathmorphing}
\usepackage{enumitem}
\setlist{itemsep=0pt}
\usepackage{graphicx}
\begin{document}
 \begin{center}
\begin{tikzpicture}
\tkzInit[ymin=0,ymax=9,xmin=0,xmax=14]
\tkzClip
\tkzDefPoints{1/1/A, 1/7/Y, 13/1/X, 1/2/B, 13/2/E, 7/2/K, 7/6.3/L, 4/5/J, 10/5/M, -2/2.5/C, 16/2.5/D}
 \draw[->, very thick] (A) -- (Y) node[above, yshift=-1cm, xshift=-0.3cm, rotate=90] {effectiviteit};
\draw[->, very thick] (A) -- (X) node[below, xshift=-0.4cm, yshift=-0.3cm] {stress (+)};
\draw[very thick, red] plot [smooth] coordinates {(B) (J) (L) (M) (E)};
 \node[single arrow, rounded corners=3pt, fill=blue!30, draw, align=center, xshift=3cm, yshift=2.5cm, minimum height=4cm, minimum width=2cm]{Concentratie \\ Inspanning };
\node[single arrow, rounded corners=3pt, fill=red!30, draw, align=center, xshift=11cm, yshift=2.5cm, rotate=180, minimum height=4cm, minimum width=2cm]{Relaxatie \\ Ontspanning};
\end{tikzpicture}
\end{center}
\end{document}

enter image description here

Best Answer

Instead of rotate=180, you can use shape border rotate=180. To get a thicker red line you can apply ultra thick or even specify the exact thickness via line width=<size> (as I have done below).

enter image description here

But as you can see from the above, with a really thick red line the ends don't look so good, and the intersection with the vertical axis is not very nice. That can be fixed by using line cap=round and whiting out the overlap of the axis to obtain:

enter image description here

You can draw another line by applying a shift to each coordinate (not sure why a scope did not work though). And to make the desired arrows visible, I added a shorten >=-0.4cm so that the arrows of the lines are not obscured by large rotated arrow.

enter image description here

Notes:

I also replaced the center environment with \centering so as to eliminate the vertical space as per When should we use \begin{center} instead of \centering?.

Code:

\documentclass[10pt,a4paper]{article}
\usepackage[dutch]{babel}
\usepackage[utf8]{inputenc}
\usepackage{tikz}
\usepackage{tkz-euclide}
 \usetikzlibrary{calc, trees, positioning, arrows, shapes, shapes.multipart, shadows, matrix, decorations.pathreplacing, decorations.pathmorphing}
\usepackage{enumitem}
\setlist{itemsep=0pt}
\usepackage{graphicx}
\begin{document}
 \begin{center}
\begin{tikzpicture}
\tkzInit[ymin=0,ymax=9,xmin=0,xmax=14]
\tkzClip
\tkzDefPoints{1/1/A, 1/7/Y, 13/1/X, 1/2/B, 13/2/E, 7/2/K, 7/6.3/L, 4/5/J, 10/5/M, -2/2.5/C, 16/2.5/D}


\draw[line width=5pt, line cap=round, red] plot [smooth] coordinates {(B) (J) (L) (M) (E)};
 \node[single arrow, rounded corners=3pt, fill=blue!30, draw, align=center, xshift=3cm, yshift=2.5cm, minimum height=4cm, minimum width=2cm]{Concentratie \\ Inspanning };
\node[single arrow, rounded corners=3pt, fill=red!30, draw, align=center, xshift=11cm, yshift=2.5cm, shape border rotate=180, minimum height=4cm, minimum width=2cm, ]{Relaxatie \\ Ontspanning};

%% Fill out the overflow of the really thick red line
\fill[white] (A) rectangle ($(A)+(-3.0em,2.0cm)$);

%% Move to be after so that the axis is on top of the thick red line
 \draw[->, very thick] (A) -- (Y) node[above, yshift=-1cm, xshift=-0.3cm, rotate=90] {effectiviteit};
\draw[->, very thick] (A) -- (X) node[below, xshift=-0.4cm, yshift=-0.3cm] {stress (+)};

\end{tikzpicture}
\end{center}
\end{document}

Code: Second Line & Arrows:

\documentclass[10pt,a4paper]{article}
\usepackage[dutch]{babel}
\usepackage[utf8]{inputenc}
\usepackage{tikz}
\usepackage{tkz-euclide}
 \usetikzlibrary{calc, trees, positioning, arrows, shapes, shapes.multipart, shadows, matrix, decorations.pathreplacing, decorations.pathmorphing}
\usepackage{enumitem}
\setlist{itemsep=0pt}
\usepackage{graphicx}

\tikzset{My Shift/.style={yshift=0.75cm}}

\begin{document}
{\centering%
\begin{tikzpicture}
\tkzInit[ymin=0,ymax=9,xmin=0,xmax=14]
\tkzClip
\tkzDefPoints{1/1/A, 1/7/Y, 13/1/X, 1/2/B, 13/2/E, 7/2/K, 7/6.3/L, 4/5/J, 10/5/M, -2/2.5/C, 16/2.5/D}


\draw[line width=5pt, line cap=round, red, -latex, shorten >=-0.4cm] plot [smooth] coordinates {(B) (J) (L) (M) (E)};
\draw[line width=5pt, line cap=round, blue, -latex, shorten >=-0.4cm] plot [smooth] coordinates {([My Shift]B) ([My Shift]J) ([My Shift]L) ([My Shift]M) ([My Shift]E)};


\node[single arrow, rounded corners=3pt, fill=blue!30, draw, align=center, xshift=3cm, yshift=2.5cm, minimum height=4cm, minimum width=2cm]{Concentratie \\ Inspanning };

\node[single arrow, rounded corners=3pt, fill=red!30, draw, align=center, xshift=11cm, yshift=2.5cm, shape border rotate=180, minimum height=4cm, minimum width=2cm, ]{Relaxatie \\ Ontspanning};

%% Fill out the overflow of the really thick red line
\fill[white] (A) rectangle ($(A)+(-3.0em,2.0cm)$);

%% Move to be after so that the axis is on top of the thick red line
 \draw[->, very thick] (A) -- (Y) node[above, yshift=-1cm, xshift=-0.3cm, rotate=90] {effectiviteit};
\draw[->, very thick] (A) -- (X) node[below, xshift=-0.4cm, yshift=-0.3cm] {stress (+)};

\end{tikzpicture}}
\end{document}

Related Solutions

[Tex/LaTex] Rotate a node but not its content: the case of the ellipse decoration

The source of the difficulty is that ellipses are constructed in a particular way in TikZ. They are paths that start from the x-axis and proceed counter-clockwise around their centre. The vast majority of the time, the exact parametrisation doesn't matter. You appear to have found the one situation where it does!

In the actual question, you only want to be able to mirror the ellipse, and so draw it starting from the negative x-axis (the title of the question suggests a more flexible approach). That's actually not too hard since we can exploit the symmetry of the ellipse. The key is to provide it with a negative x-radius, since then it will start from the negative x-axis (and proceed clockwise, but we could correct for that by negating the y-radius as well). To do this, we interrupt the call from the node shape to the drawing command and flip the sign of the x-radius. The simplest way to do this is to redefine the \pgfpathellipse macro to do the negation and then call the original macro. The following code does this.

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{decorations,shapes,decorations.markings}
\makeatletter
\let\origpgfpathellipse=\pgfpathellipse
\def\revpgfpathellipse#1#2#3{%
  #2%
  \pgf@xa=-\pgf@x
  \origpgfpathellipse{#1}{\pgfqpoint{\pgf@xa}{0pt}}{#3}}
\makeatother

\tikzset{
  reversed ellipse/.style={
    ellipse,
    reverse the ellipse%
  },
  reverse the ellipse/.code={
    \let\pgfpathellipse=\revpgfpathellipse
  }
}
\begin{document}
\begin{tikzpicture}
\node[ellipse,
  draw,
  postaction={
    decorate,
    decoration={
      markings,
      mark=at position 1 with {
        \arrow[line width=5pt,blue]{>}
      }
    }
  }
] at (0,0) {hello world};

\node[reversed ellipse,
  draw,
  postaction={
    decorate,
    decoration={
      markings,
      mark=at position 1 with {
        \arrow[line width=5pt,blue]{>}
      }
    }
  }
] at (0,-2) {hello world};
\end{tikzpicture}

\end{document}

Here's the result:

rotated ellipse

(the arrow got clipped, but you can see where it lies)

[Tex/LaTex] How to define the default vertical distance between nodes

I don't really get the question so I hope this is what you wanted. If you include a full document (such that we copy paste and see the problem on our systems) things are much more easier.

Here, you can change the default setting within a scope but your block style had a node distance which was resetting every time it is issued. I've made it 2mm such that we can see the difference easier.

\documentclass[tikz]{standalone}
\usetikzlibrary{arrows,shapes.geometric,positioning}

\begin{document}
\begin{tikzpicture}[decision/.style={diamond, draw, text width=4.5em, text badly centered, node distance=3.5cm, inner sep=0pt},
                    block/.style   ={rectangle, draw, text width=6em, text centered, rounded corners, minimum height=4em, minimum height=2em},
                    cloud/.style   ={draw, ellipse, minimum height=2em},
                    line/.style    ={draw,-latex'},
                    node distance = 1cm, 
                    auto]
    \node [block] (1st) {1st};
    \node [block, right= of 1st]  (2nd1) {2nd1};
\begin{scope}[node distance=2mm and 10mm]%Here we change it for everything inside this scope
    \node [block, above= of 2nd1] (2nd2) {2nd2};
    \node [block, below= of 2nd1] (2nd3) {2nd3};
    \node [block, right= of 2nd1] (3rd1) {3rd1};
    \node [block, above= of 3rd1] (3rd2) {3rd2};
    \node [block, above= of 3rd2] (3rd3) {3rd3};
\end{scope}
    \node [block, below= of 3rd1] (3rd4) {3rd4};
    \node [block, below= of 3rd4] (3rd5) {3rd5};

    \path [line] (1st) -- (2nd1);
    \path [line] (2nd1) -- (2nd2);
    \path [line] (2nd1) -- (2nd3);
    \path [line] (2nd2) -- (3rd3);
    \path [line] (2nd1) -- (3rd1);
    \path [line] (1st) -- (2nd1);
\end{tikzpicture}
\end{document}

enter image description here

Best Answer

Notes:

Code:

Code: Second Line & Arrows:

Related Solutions

[Tex/LaTex] Rotate a node but not its content: the case of the ellipse decoration

[Tex/LaTex] How to define the default vertical distance between nodes

Related Question