☰

带有气泡的分层图表

tag-icon • tag-icon tikz-pgf
带有气泡的分层图表

在此处输入图片描述

您好，我有一系列图片需要绘制。上面的图片是最复杂的，我需要用 tikz 绘制。我觉得有了这个，我可以调整任何图片以适合所有其他图片。任何帮助都将不胜感激。谢谢

答案1

我知道在 Ti 中绘制此类事物的两种方法钾Z：多部分节点或适合。我决定采用第二种方法，因为你似乎是新手，而且这种方法可能更容易理解和推广。

在此处输入图片描述

\documentclass[tikz,border=3.14pt]{standalone}
\usepackage{amsmath}
\usetikzlibrary{positioning,shapes.geometric,fit}
\begin{document}
\begin{tikzpicture}[font=\sffamily,node distance=1mm]
\node[red] (B1) at (0,0) {B};
\node[below=of B1,outer sep=0pt,text width=10pt,blue] (B2) {00\\10};
\draw (B2.south east) -- ++(2pt,0) |- (B2.north east) coordinate[pos=0.25] (B2r)
(B2.south west) -- ++(-2pt,0) |- (B2.north west) coordinate[pos=0.25] (B2l);
\node[below=2mm of B2,outer sep=0pt,text width=15pt] (B3) {000\\100};
\draw (B3.south west) -- ++(-2pt,0) |- (B3.north west) coordinate[pos=0.25] (B3l);
\path (B2.south) -- (B3.north) coordinate[midway] (B23);
\draw ([xshift=-15pt]B23) -- ([xshift=15pt]B23);
\node[below=of B3,outer sep=0pt,text width=15pt] (B4) {110\\011};
\node[ellipse,draw,fit=(B1) (B4)] (B) {};
\draw[-latex] (B2l) to[out=170,in=190,looseness=3] node[midway,left] {0/0.5} (B3l);
%
\node[red] (D1) at (4,-0.6) {D};
\node[below=of D1,outer sep=0pt,text width=10pt,blue] (D2) {00};
\node[below=2mm of D2,outer sep=0pt,text width=15pt] (D3) {001\\101};
\draw (D3.south west) -- ++(-2pt,0) |- (D3.north west) coordinate[pos=0.25] (D2l);
\path (D2.south) -- (D3.north) coordinate[midway] (D23);
\draw ([xshift=-15pt]D23) -- ([xshift=15pt]D23);
\node[ellipse,draw,fit=(D1) (D3)] (D) {};
\draw[-latex] (B2r) to[out=10,in=190] node[midway,above=2pt,looseness=2] {1/0.5} (D2l) ;
\draw[-latex] (D2.west) to[out=190,in=10] node[midway,below=1pt] {1/1} (B4.-30) ;
%
\node[gray] (F1) at (-2.5,-3) {F};
\node[below=of F1,blue!50] (F2){111};
\node[ellipse,draw,fit=(F1) (F2)] (F) {};
\draw[-latex] (F.west) to[out=170,in=125,looseness=3] node[midway,left] {1/0.75} (F.north west);
\draw[-latex] (F2.east) -- (B4.160) node[pos=0.5,below=2pt] {0/0.25};
\end{tikzpicture}
\end{document}

我也没有花太多时间调整外观，因为输入屏幕截图中的数字花了太长时间。对于未来，我恳请您提供一个平均能量损失这样其他人就不必输入这些内容，也不需要猜测您熟悉/熟悉的内容。

相关内容