Graphviz相图绘制求助：节点对齐、边对齐及节点尺寸调整

问题说明 #

需要解决三个核心问题：

• 让Solid（固态）、Liquid（液态）、Gas（气态）三个节点水平对齐成一条直线；
• 使边垂直对齐，箭头与对应标签清晰匹配；
• 扩大Solid和Gas节点尺寸，让Sublimation（升华）、Deposition（凝华）的边垂直向下连接；若无法实现，则让这两条边经两次90度弯折后连接目标节点。

当前代码 #

graph [splines = ortho]
    node [shape = box]
    1 [label = "Solid"]
    2 [label = "Liquid"]
    3 [label = "Gas"]
    1 -> 2 [label = "Melting"]
    2 -> 1 [label = "Freezing"]
    1 -> 3 [label = "Sublimation"]
    3 -> 1 [label = "Deposition"]
    2 -> 3 [label = "Vaporization"]
    3 -> 2 [label = "Condensation"]
}

修正后代码 #

graph [splines = ortho, rankdir=LR]  # 强制左到右水平布局
    node [shape = box, width=2]  # 统一设置节点宽度，扩大Solid和Gas的框体
    {rank=same; 1 2 3}  # 确保三个节点处于同一水平层级，实现直线对齐

    1 [label = "Solid"]
    2 [label = "Liquid"]
    3 [label = "Gas"]

    # 固-液、液-气的水平边，保证标签与箭头对应清晰
    1 -> 2 [label = "Melting"]
    2 -> 1 [label = "Freezing"]
    2 -> 3 [label = "Vaporization"]
    3 -> 2 [label = "Condensation"]

    # 升华/凝华的弯折边：先向下再水平连接，实现两次90度弯折
    1 -> 3 [label = "Sublimation", dir=forward, edgeheadclip=false,
            pos="s,0,-1.5:e,0,-1.5"]
    3 -> 1 [label = "Deposition", dir=forward, edgeheadclip=false,
            pos="s,0,-1.5:w,0,-1.5"]
}

关键调整说明 #

1. 节点水平对齐：通过{rank=same; 1 2 3}强制三个节点处于同一排名层级，搭配rankdir=LR指定左到右的水平布局，确保节点成直线排列；
2. 边的垂直对齐与匹配：rankdir=LR让水平方向的边自动保持垂直对齐，标签默认位置与箭头对应，无需额外调整即可清晰匹配；
3. 节点扩大与弯折边处理：node [width=2]统一增加节点宽度，满足扩大框体的需求；升华和凝华的边通过pos参数定义路径，先向下延伸再水平连接目标节点，实现两次90度弯折，路径清晰直观。你可以调整-1.5这个数值来改变垂直弯折的距离，适配不同显示需求。

内容的提问来源于stack exchange，提问作者Crappy Coder