如何用Graphviz实现需求追溯文档的簇与节点横竖混合布局？

需求说明 #

• 左右分栏展示两份文档
• 单份文档内的章节从上到下垂直排列
• 每个章节内的节点同样垂直有序排列

当前问题 #

尝试修改rankdir为TB、使用rank=same属性及手动分配rank均未达到预期效果，需要：

1. 实现目标布局
2. 确保簇内节点排序正确，优先非硬编码方案（因需自动生成代码处理大型文档）

当前代码 #

rankdir=LR;
  subgraph cluster_document_1 {
    subgraph cluster_document_1_chapter_1 {
      {
        D1_C1_E1[label="Chapter 1.1"]
        D1_C1_E2[label="Chapter 1.2"]
      }
    }
    subgraph cluster_document_1_chapter_2 {
      {
        D1_C2_E1[label="Chapter 2.1"];
        D2_C2_E2[label="Chapter 2.2"];
      }
    }
  }
  subgraph cluster_document_2 {
    subgraph cluster_document_2_chapter_1 {
      {
        D2_C1_E1[label="Chapter 1.1"];
        D2_C1_E2[label="Chapter 1.2"];
      }
    }
    subgraph cluster_document_2_chapter_2 {
      {
        D2_C2_E1[label="Chapter 2.1"];
        D2_C2_E2[label="Chapter 2.2"];
      }
    }
  }
}

不希望的布局效果 #

• 布局1：文档章节横向排列，节点顺序混乱
• 布局2：文档内章节与节点的垂直排列不符合预期

期望的布局效果 #

左右分栏展示两份文档，每份文档内的章节从上到下垂直排列，每个章节内的节点也保持垂直有序，整体结构清晰对齐。

解决方案代码 #

rankdir=LR;
  
  // 左侧文档1
  subgraph cluster_document_1 {
    label="文档1";
    ordering=out; // 强制节点按定义顺序排列
    subgraph cluster_document_1_chapter_1 {
      label="章节1";
      { rank=TB; D1_C1_E1[label="Chapter 1.1"]; D1_C1_E2[label="Chapter 1.2"]; }
    }
    subgraph cluster_document_1_chapter_2 {
      label="章节2";
      { rank=TB; D1_C2_E1[label="Chapter 2.1"]; D1_C2_E2[label="Chapter 2.2"]; }
    }
    // 隐形边固定章节垂直顺序
    cluster_document_1_chapter_1 -> cluster_document_1_chapter_2 [style=invis];
  }
  
  // 右侧文档2
  subgraph cluster_document_2 {
    label="文档2";
    ordering=out;
    subgraph cluster_document_2_chapter_1 {
      label="章节1";
      { rank=TB; D2_C1_E1[label="Chapter 1.1"]; D2_C1_E2[label="Chapter 1.2"]; }
    }
    subgraph cluster_document_2_chapter_2 {
      label="章节2";
      { rank=TB; D2_C2_E1[label="Chapter 2.1"]; D2_C2_E2[label="Chapter 2.2"]; }
    }
    cluster_document_2_chapter_1 -> cluster_document_2_chapter_2 [style=invis];
  }
  
  // 可选：添加跨文档隐形边，让对应章节对齐
  cluster_document_1_chapter_1 -> cluster_document_2_chapter_1 [style=invis];
  cluster_document_1_chapter_2 -> cluster_document_2_chapter_2 [style=invis];
}

关键说明 #

1. rankdir=LR：保持两份文档左右分栏的核心配置
2. ordering=out：在文档簇内启用，确保节点按定义顺序排列，避免自动乱序
3. 章节内rank=TB：强制章节内部节点垂直排列
4. 隐形边(style=invis)：固定章节之间的垂直顺序，无需硬编码rank值，适合自动生成场景
5. 跨文档隐形边：可选配置，让两份文档的对应章节横向对齐，提升整体可读性

内容的提问来源于stack exchange，提问作者Stanislav Pankevich