如何使用DOT notation实现浅图的水平流向而非默认垂直流向？

当然可以！用DOT notation完全能实现你想要的这种水平布局结构，我给你几个实用的方案，直接就能用：

方案1：实现倒树形的水平上层布局 #

如果你想达成b / a \ c这种b和c在上水平并排、a在中间下方的结构（也就是把默认的垂直树形倒过来），核心是用rank=same指令强制b和c处于同一水平层，再让它们都指向a。代码示例：

digraph G {
    // 强制b和c在同一水平层对齐
    { rank=same; b; c; }
    // 定义节点间的连接关系
    b -> a;
    c -> a;
}

这段代码生成的图会自动把b和c水平排列在上方，a落在它们的正下方中间位置，完美匹配你想要的效果，而非默认的a在上分叉到b和c的结构。

方案2：整体水平流向的中心布局 #

如果你希望整个图以水平方向（从左到右）流动，让a在中间、b和c在左右两侧，可以设置rankdir=LR（默认是TB即从上到下），再结合rank=same控制节点在同一水平层：

digraph G {
    // 设置整体布局方向为从左到右
    rankdir=LR;
    // 让三个节点处于同一水平层
    { rank=same; b; a; c; }
    // 定义连接关系
    b -> a;
    c -> a;
}

这样输出的图就是b在左、a在中心、c在右的水平结构，b和c均指向a，完全符合你的需求。

小技巧 #

• rank=same是DOT中控制节点水平对齐的关键，只要把需要同层的节点放在同一个花括号块里，就能强制它们处于同一水平层级。
• 如果你的浅结构有更多节点，只需要把同一层的节点都加入rank=same块即可，适配性非常强。

内容的提问来源于stack exchange，提问作者Ajeet Ganga