☰

Zwei nebeneinander liegende Flussdiagramme (TikZ-Flussdiagramm) mit Kästchen und Beschriftung für jedes

tag-icon • tag-icon tikz-styles tikz-pic
Zwei nebeneinander liegende Flussdiagramme (TikZ-Flussdiagramm) mit Kästchen und Beschriftung für jedes

Ich muss mit TikZ zwei Flussdiagramme zeichnen, mit einem Kästchen um jedes Flussdiagramm und einer Beschriftung. Ich bin neu in der Tikz-Bibliothek und habe mir ähnliche Fragen zu Bildern, Tabellen und Abbildungen angesehen. Sie schlagen vor, minipageoder scopeoder zu verwenden Figure. Ich habe versucht, sie zu verwenden, aber anscheinend fehlt mir etwas. Ich habe eine Antwort gefundenHierGeschrieben von @crf, was die Verwendung von tikzlibrary vorschlägt positioning. Ich konnte nicht herausfinden, was mir fehlt.

Folgendes habe ich getan:

\documentclass{article}
\usepackage[latin1]{inputenc}
\usepackage{tikz}
\usetikzlibrary{shapes,arrows,positioning}
\begin{document}
%\pagestyle{empty}
\begin{figure}
% % % % % % % % % % % % % % % % % % % % % % % % %
% % % % % % % % define shapes % % % % % % % % % % %
% % % % % % % % % % % % % % % % % % % % % % % % %
\tikzstyle{block}    = [rectangle, rounded corners,  minimum width=3cm, 
 minimum height=1cm, text centered, draw, fill=blue!20, text width=5cm]
\tikzstyle{cloud}    = [rounded corners,  minimum width=3cm, minimum 
 height=1cm, text centered, draw, ellipse,fill=blue!20, text width=2cm]
 \tikzstyle{line} = [draw, -latex']
 % % % % % % % % % % % % % % % % % % %
 % % % % % %  1st Chart    % %%  % % %   
 % % % % % % % % % % % % % % % % % % %
 %\begin{minipage}[b][5cm][s]{.15\textwidth}
\begin{tikzpicture}[node distance =5mm and 8mm ]
%\begin{tikzpicture}[scale=-1.2,line width=1pt]
 % Place nodes
\node [block] (init) {Process1 and long description };
\node [cloud, above =of init] (input1) {Input1};
\node [cloud, left= of init] (input2) {Input2};
\node [block, below= of init] (Process2) {Process 2 and description};
\node [block, below=of Process2] (Process3) {Process 3 and description};
\node [block, below =of Process3] (Process4) {Process 4  and description};
% Draw edges
\path [line] (init) -- (Process2);
\path [line] (Process2) -- (Process3);
\path [line] (Process3) -- (Process4);
\path [line,dashed] (input1) -- (init);
\path [line,dashed] (input2) -- (init);
\end{tikzpicture}
%\end{minipage}
\qquad
 % % % % % % % % % % % % % % % % % % %
 % % % % % %  2nd Chart  % % %  % %% %   
 % % % % % % % % % % % % % % % % % % %
%\begin{minipage}[b][1cm][s]{.15\textwidth}
\begin{tikzpicture} [node distance = 5mm and 8mm] 
 %[scale=0.2,line width=1pt]
% \begin{scope}[shift={(1,5)}]
 % Place nodes
 \node [block] (init) {Process1 Flow 2 };
 \node [block, below= of init,  node distance=0.5mm] (Process2F2) {Process2 
  Flow 2};
 \node [cloud, left= of Process2F2,node distance=1cm] (input1f2) {input 1 
  flow 2 };
 \node [block, below= of Process2F2,  node distance=0.5mm] (Process3F2) 
  {Process3 Flow 2};
  \node [cloud, right= of Process3F2,node distance=1cm] (input2f2) {input 2 
  Flow 2};
 \node [block, below=of Process3F2,node distance=1cm] (Process4F2) {Process4 
 Flow 2};
 % Draw edges
 \path [line] (init) -- (Process2F2);
 \path [line] (Process2F2) -- (Process3F2);
 \path [line] (Process3F2) -- (Process4F2);
 \path [line,dashed] (input2f2) -- (Process3F2);
 \path [line,dashed] (input1f2) -- (Process2F2);
 % % % % % % % % % % % % % % % %   
 % % % box to contain each chart % %
 % % % % % % % % % % % % % % % %  
\draw [color=gray,thick](-7,-9) rectangle (7,4);
\node at (-1.8,-9.5) [below=2cm, right=10mm] {  \textbf{flow 2 label} };
 % % % % % % % % % % % % % % % %      
%\end{scope}
\end{tikzpicture}
%\end{minipage}
\end{figure}
\end{document}

Ich brauche zwei Kartons nebeneinander und muss jeden Karton beschriften. Irgendwelche Vorschläge?

Antwort1

Dies ist ein kurzer Vorschlag, den ich gerne löschen werde.

\documentclass{article}
\usepackage[showframe]{geometry}
\usepackage[latin1]{inputenc}
\usepackage{tikz}
\usetikzlibrary{shapes,arrows,positioning}
\begin{document}
%\pagestyle{empty}
\begin{figure}
\centering
% % % % % % % % % % % % % % % % % % % % % % % % %
% % % % % % % % define shapes % % % % % % % % % % %
% % % % % % % % % % % % % % % % % % % % % % % % %
\tikzset{block/.style={rectangle, rounded corners,  text width=1.5cm, 
 minimum height=1cm, text centered, draw, fill=blue!20},
cloud/.style={rounded corners, inner sep=-4pt,  minimum 
 height=1cm, text centered, draw, ellipse,fill=blue!20, text width=2cm},
line/.style={draw, -latex'}}%
 % % % % % % % % % % % % % % % % % % %
 % % % % % %  1st Chart    % %%  % % %   
 % % % % % % % % % % % % % % % % % % %
 %\begin{minipage}[b][5cm][s]{.15\textwidth}
\begin{tikzpicture}[node distance =5mm and 4mm ]
%\begin{tikzpicture}[scale=-1.2,line width=1pt]
 % Place nodes
\begin{scope}[local bounding box=left]
 \node [block] (init) {Process1 and long description };
 \node [cloud, above =of init] (input1) {Input1};
 \node [cloud, left= of init] (input2) {Input2};
 \node [block, below= of init] (Process2) {Process 2 and description};
 \node [block, below=of Process2] (Process3) {Process 3 and description};
 \node [block, below =of Process3] (Process4) {Process 4  and description};
 % Draw edges
 \path [line] (init) -- (Process2);
 \path [line] (Process2) -- (Process3);
 \path [line] (Process3) -- (Process4);
 \path [line,dashed] (input1) -- (init);
 \path [line,dashed] (input2) -- (init);
\end{scope}
\draw[color=gray,thick](left.south west) rectangle (left.north east);
\node[anchor=north,font=\bfseries] at ([yshift=-2em]left.south) {flow 1 label};

 % % % % % % % % % % % % % % % % % % %
 % % % % % %  2nd Chart  % % %  % %% %   
 % % % % % % % % % % % % % % % % % % %
%\begin{minipage}[b][1cm][s]{.15\textwidth}
\begin{scope}[local bounding box=right,xshift=6cm] 
 %[scale=0.2,line width=1pt]
% \begin{scope}[shift={(1,5)}]
 % Place nodes
 \node [block] (init) {Process1 Flow 2 };
 \node [block, below= of init,  node distance=0.5mm] (Process2F2) {Process2 
  Flow 2};
 \node [cloud, left= of Process2F2,node distance=1cm] (input1f2) {input 1 
  flow 2 };
 \node [block, below= of Process2F2,  node distance=0.5mm] (Process3F2) 
  {Process3 Flow 2};
  \node [cloud, right= of Process3F2,node distance=1cm] (input2f2) {input 2 
  Flow 2};
 \node [block, below=of Process3F2,node distance=1cm] (Process4F2) {Process4 
 Flow 2};
 % Draw edges
 \path [line] (init) -- (Process2F2);
 \path [line] (Process2F2) -- (Process3F2);
 \path [line] (Process3F2) -- (Process4F2);
 \path [line,dashed] (input2f2) -- (Process3F2);
 \path [line,dashed] (input1f2) -- (Process2F2);
 % % % % % % % % % % % % % % % %   
 % % % box to contain each chart % %
 % % % % % % % % % % % % % % % %  
 % % % % % % % % % % % % % % % %      
\end{scope}
\draw[color=gray,thick](right.south west) rectangle (right.north east);
\node[anchor=north,font=\bfseries] at ([yshift=-2em]right.south) {flow 2 label};
\end{tikzpicture}
%\end{minipage}
\end{figure}
\end{document}

Bildbeschreibung hier eingeben

shoframewird nur hinzugefügt um zu zeigen, dass es passt.

verwandte Informationen