Graphviz同秩节点定位：调整隐形节点至左侧并保持直边

架构老林

2026-7-22

解决Graphviz隐形节点偏移与直线边的问题

直接上可行方案，核心用Graphviz的rank=same和group属性替代splines=ortho的作用，同时满足边标签需求：

关键思路

把隐形节点和对应主节点锁在同一水平rank，避免垂直偏移
给主节点和对应隐形节点设置相同group，强制它们之间的边为直线
固定Done节点在右侧独立rank，保证整体布局逻辑

示例代码

digraph TaskFlow {
  rankdir=LR; // 左到右布局，确保隐形节点在左、主节点居中、Done在右
  ordering=out; // 按定义顺序排列节点，避免乱序

  // 定义隐形节点，设为不可见+零宽度不占空间
  invisB1 [style=invis, width=0];
  invisC1 [style=invis, width=0];
  invisD1 [style=invis, width=0];
  invisE1 [style=invis, width=0];

  // 主节点与Done节点
  A; B; C; D; E; Done [shape=box, style=filled, color=green];

  // 锁定同一水平rank+绑定group
  { rank=same; invisB1; B [group=b_task]; }
  { rank=same; invisC1; C [group=c_task]; }
  { rank=same; invisD1; D [group=d_task]; }
  { rank=same; invisE1; E [group=e_task]; }
  { rank=same; A; } // A无对应隐形节点，单独占同一rank
  { rank=same; Done; } // Done单独锁在右侧rank

  // 连接边（隐形节点连主节点维持布局，主节点连Done加标签）
  invisB1 -> B [style=invis];
  B -> Done [label="提交报告"];
  invisC1 -> C [style=invis];
  C -> Done [label="审核通过"];
  invisD1 -> D [style=invis];
  D -> Done [label="数据归档"];
  invisE1 -> E [style=invis];
  E -> Done [label="通知用户"];
  A -> Done [label="初始化完成"];
}