在 tikz 中对齐边缘

Question 1

快速解决方案：

加载 mathtools 包\usepackage{mathtools}并使用\rlap让方程的右侧部分不计入节点的边界框：

\node at (2.5,4.5)  [right] (B1) {$\overline{G}\mathrlap{{}=G/N}$};
\node at (2.5,3.0)  [right] (B2) {$\overline{H}\mathrlap{{}=H/N}$};

但是，这有一些缺点。 $\overline{1}$ 和\overline{H}的宽度不一样，所以边缘不会完全垂直。为了解决这个问题，你可以将所有节点的文本宽度设置为相同的值[text width=1em,align=center]：

\documentclass{report}
\usepackage{tikz}
\usepackage{mathtools}

\begin{document}
    \begin{tikzpicture}
        \tikzset{symbol/.style={text width=1em,align=center}}
        \node at (1.0,4.5)  [symbol]      (A1) {$G$};
        \node at (2.5,4.5)  [symbol,right] (B1) {$\overline{G}\mathrlap{{}=G/N}$};
        \node at (1.0,3.0)  [symbol]       (A2) {$H$};
        \node at (2.5,3.0)  [symbol,right] (B2) {$\overline{H}\mathrlap{{}=H/N}$};
        \node at (1.0,1.5)  [symbol]       (A3) {$N$};
        \node at (2.5,1.5)  [symbol,right] (B3) {$\overline{1}$};
        \node at (1.0,0.0)  [symbol]       (A4) {$1$};

        \path[-stealth] (A1) edge node[above] {$\pi$} (B1)
            edge[-] (A2)
            (A2) edge node[above] {} (B2)
            edge[-] (A3)
            (A3) edge node[above] {} (B3)
            edge[-] (A4)
            (B1) edge[-] (B2)
            (B2) edge[-] (B3);
    \end{tikzpicture}
\end{document}

Answer

快速解决方案：

加载 mathtools 包\usepackage{mathtools}并使用\rlap让方程的右侧部分不计入节点的边界框：

\node at (2.5,4.5)  [right] (B1) {$\overline{G}\mathrlap{{}=G/N}$};
\node at (2.5,3.0)  [right] (B2) {$\overline{H}\mathrlap{{}=H/N}$};

但是，这有一些缺点。 $\overline{1}$ 和\overline{H}的宽度不一样，所以边缘不会完全垂直。为了解决这个问题，你可以将所有节点的文本宽度设置为相同的值[text width=1em,align=center]：

\documentclass{report}
\usepackage{tikz}
\usepackage{mathtools}

\begin{document}
    \begin{tikzpicture}
        \tikzset{symbol/.style={text width=1em,align=center}}
        \node at (1.0,4.5)  [symbol]      (A1) {$G$};
        \node at (2.5,4.5)  [symbol,right] (B1) {$\overline{G}\mathrlap{{}=G/N}$};
        \node at (1.0,3.0)  [symbol]       (A2) {$H$};
        \node at (2.5,3.0)  [symbol,right] (B2) {$\overline{H}\mathrlap{{}=H/N}$};
        \node at (1.0,1.5)  [symbol]       (A3) {$N$};
        \node at (2.5,1.5)  [symbol,right] (B3) {$\overline{1}$};
        \node at (1.0,0.0)  [symbol]       (A4) {$1$};

        \path[-stealth] (A1) edge node[above] {$\pi$} (B1)
            edge[-] (A2)
            (A2) edge node[above] {} (B2)
            edge[-] (A3)
            (A3) edge node[above] {} (B3)
            edge[-] (A4)
            (B1) edge[-] (B2)
            (B2) edge[-] (B3);
    \end{tikzpicture}
\end{document}

Question 2

我总是使用matrix of math nodes这样的图表（有些人更喜欢錄音包）。这样，您可以将图表中的对象放置在矩阵/数组中，然后随意添加箭头。

对于你的图表我写了类型：

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{matrix}

\begin{document}

  \begin{tikzpicture}[looseness=.5,auto]
    \matrix (M)[matrix of math nodes,row sep=1cm,column sep=16mm]{
        G & \overline{G}=G/N\\
        H & \overline{H}=H/N\\
        N & \overline{1}\\
        1\\
     };
     \draw[->] (M-1-1)--node{$\pi$}(M-1-2);
     \foreach \x [evaluate=\x as \xx using int(\x+1)] in {1,2} {
        \draw(M-\x-1)--(M-\xx-1);
        \draw(M-\x-2)--(M-\xx-2);
     }
    \draw[->](M-2-1)--(M-2-2);
    \draw[->](M-3-1)--(M-3-2);
    \draw[->](M-3-1)--(M-4-1);
  \end{tikzpicture}

\end{document}

生成结果：

如果你已经熟悉蒂克兹那么这基本上是不言自明的。最有趣的一点是，(M)后面的\matrix表示tikz可以使用来引用矩阵中的节点M-<row>-<col>。您可以将其更改(M)为任何您喜欢的内容。

编辑

我个人喜欢上图中的对齐方式，但我承认这并不符合每个人的口味。通过添加一些样式，可以移动图表右侧的线条。矩阵内部节点的样式可以通过将其放入矩阵内部来实现|[<style>]|- 即，通过为[<style>]用于矩阵条目（然后括在中|...|）的隐式节点命令提供一个可选参数。使用样式，我们可以使节点左对齐且足够宽。之后，我们可以调整右侧的垂直线以产生：

修改后的代码如下：

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{matrix}

\begin{document}

  \begin{tikzpicture}[looseness=.5,auto,
        leftnodes/.style={text width=3em, align=left}]
    \matrix (M)[matrix of math nodes,row sep=1cm,column sep=16mm]{
        G & |[leftnodes]|\overline{G}=G/N\\
        H & |[leftnodes]|\overline{H}=H/N\\
        N & |[leftnodes]|\overline{1}\\
        1\\
     };
     \draw[->] (M-1-1)--node{$\pi$}(M-1-2);
     \draw(M-1-1)--(M-2-1);
     \draw([xshift=2mm]M-1-2.south west)--([xshift=2mm]M-2-2.north west);
     \draw(M-2-1)--(M-3-1);
     \draw([xshift=2mm]M-2-2.south west)--([xshift=2mm]M-3-2.north west);
    \draw[->](M-2-1)--(M-2-2);
    \draw[->](M-3-1)--(M-3-2);
    \draw[->](M-3-1)--(M-4-1);
  \end{tikzpicture}

\end{document}

A简单得多这样做的方法是简单地将方程式的“有问题”部分放在里面\rlap{$...$}，这实际上是告诉 LaTeX 排版它们，但不要改变光标。通过这个小小的改变，代码变成了：

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{matrix}

\begin{document}

  \begin{tikzpicture}[looseness=.5,auto]
    \matrix (M)[matrix of math nodes,row sep=1cm,column sep=16mm]{
        G & \overline{G}\rlap{$=G/N$}\\
        H & \overline{H}\rlap{$=H/N$}\\
        N & \overline{1}\\
        1\\
     };
     \draw[->] (M-1-1)--node{$\pi$}(M-1-2);
     \foreach \x [evaluate=\x as \xx using int(\x+1)] in {1,2} {
        \draw(M-\x-1)--(M-\xx-1);
        \draw(M-\x-2)--(M-\xx-2);
     }
    \draw[->](M-2-1)--(M-2-2);
    \draw[->](M-3-1)--(M-3-2);
    \draw[->](M-3-1)--(M-4-1);
  \end{tikzpicture}

\end{document}

输出与上面第二张图相同。

Answer