TikZ 中的标签帮助

Question

编写 Tikz 代码的方法有很多种。为了演示基本概念，我展示了一个平面二维解决方案，解决了字幕和回转。您可以将其转换为 3D 绘图，这样不会改变这些问题。

我的首选编码风格是将代码分成小步骤，这样更容易理解。当然，你可以一次性完成更多操作，即使用一条\path语句。虽然这可能是有效的编码，但它可能会掩盖相关细节。因此，在某种程度上，方法或理念变成了品味和经验的问题。其他示例肯定会表明这一点。

我建议比较使用生成的 tikz 代码。例如，对于 2D 版本，使用\pics没有多大意义：几乎没有什么可以重复使用。但这只是重构代码的问题。

那么，让我们看一些细节。

\documentclass[10pt,border=3mm,tikz]{standalone}
\usepackage{tikz}
\usepackage{graphicx}

\documentclass[10pt,border=3mm,tikz]{standalone}根据需要调整页面格式。\usepackage{graphicx}我需要导入图形，如下所示。将此绘图保存eur.png在同一目录中以运行我的代码：

\nodes在花括号内显示有效的 Latex 代码。因此，第一个和最后一个包含所述图像，位于给定的坐标处。节点的选项在开头定义，请参阅下面的最终代码。但是，名称应该建议“格式化”图像节点和在中间显示此绿色对象的节点。如果我们需要记住放置节点的位置（就像我们经常做的那样），请使用类似(X)记住位置的语法X。

 % ~~~ objects ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    \node[img] (L) at (0,0) {\includegraphics[width=1cm]{eur}}; 
    \node[grn] (M) at (2,0) {};
    \node[img] (R) at (5,0) {\includegraphics[width=3cm]{eur}};

我有意使用了绝对坐标，这对于像这样的简单绘图来说没问题。此外，从布局者的角度来看，我希望控制对象文本标签的位置；正如您将看到的，选项[txt]负责处理多行文本，您只需\\像在普通 Latex 文本中一样使用即可：

 % ~~~ labels ~~~~~~~~~~~~~~~~~~
    \node[txt] at (0,-2.5) {ERA-5};
    \node[txt] at (5,-2.5) {Temperature distribution\\parameters};

最后，我们需要通过放置更多节点和[nmb]数字选项来设置网络维度。虽然您可以将所有内容与 L、M 和 R 的锚点（即南和西）联系起来，但我发现将它们作为相对于节点中心（L、M 和 R）的绝对坐标放置更方便。

这就是出现 x- 和 yshift 语句以及旋转的原因。文本大小为\tiny，如 style 中指定的那样nmb。

 % ~~~ dimensions ~~~~~~~~~~~~~~~~
    \node[nmb,yshift=-6mm] at (L) {300};
    \node[nmb,xshift=-7mm,rotate=90] at (L) {200};
    
    \node[nmb,yshift=-6mm] at (M) {300};
    \node[nmb,xshift=-8mm,yshift=-3mm] at (M) {200};

    \node[nmb,yshift=-16mm] at (R) {600};
    \node[nmb,xshift=-18mm,yshift=-3mm,rotate=90] at (R) {400};

为简单起见，我保留了连接箭头的原样。重新设计这些线条、将箭头变成绿色、增加线宽并重新定位箭头并不是什么大问题。同样，您可能从一条\draw语句开始修改，一旦满意，就将这些选项移到具有花哨名称的新样式中，例如arr（未显示）。

\documentclass[10pt,border=3mm,tikz]{standalone}
\usepackage{tikz}
\usepackage{graphicx}

\begin{document}

 \begin{tikzpicture}[
    img/.style={draw,inner sep=.1mm},
    grn/.style={draw,fill=green!25,
                rectangle,minimum height=8mm,minimum width=10mm},
    txt/.style={align=center},
    nmb/.style={font=\tiny},
 ]
 % ~~~ objects ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    \node[img] (L) at (0,0) {\includegraphics[width=1cm]{eur}}; 
    \node[grn] (M) at (2,0) {};
    \node[img] (R) at (5,0) {\includegraphics[width=3cm]{eur}}; 

 % ~~~ connections ~~~~~~~~~~~~~~~~~~~~~~ 
    \draw [->] (L) -- (M);
    \draw [->] (M) -- (R); 
    
 % ~~~ labels ~~~~~~~~~~~~~~~~~~
    \node[txt] at (0,-2.5) {ERA-5};
    \node[txt] at (5,-2.5) {Temperature distribution\\parameters};
    
 % ~~~ dimensions ~~~~~~~~~~~~~~~~
    \node[nmb,yshift=-6mm] at (L) {300};
    \node[nmb,xshift=-7mm,rotate=90] at (L) {200};
    
    \node[nmb,yshift=-6mm] at (M) {300};
    \node[nmb,xshift=-8mm,yshift=-3mm] at (M) {200};

    \node[nmb,yshift=-16mm] at (R) {600};
    \node[nmb,xshift=-18mm,yshift=-3mm,rotate=90] at (R) {400};
 
 \end{tikzpicture}

\end{document}

Answer 1