GraphViz - 当主图从上到下时如何让子图从左到右？

Question

我有一个像这样的图形文件:

digraph {
    "Step1" -> "Step2" -> "Step3";

    subgraph step2detail {
        "Step2" -> "note1";
        "Step2" -> "note2";
        "Step2" -> "note3";
        "Step2" -> "note4";
        rankdir=TB
   }
}

我希望子图 step2detail 卡在“Step2”的右侧。

现在它看起来像这样:



我希望 Step1、Step2 和 Step3 都在垂直下方并在 1 列中。

Answer 1

获得您描述的图形的技巧是使用两个子图并从一个连接到另一个。 “细节”中的隐形边缘使音符保持对齐。

digraph {
    rankdir="LR";

    subgraph steps {
        rank="same";
        "Step1" -> "Step2" -> "Step3";
    }

    subgraph details {
        rank="same";
        edge[style="invisible",dir="none"];
        "note1" -> "note2" -> "note3" -> "note4";
    }

    "Step2" -> "note1";
    "Step2" -> "note2";
    "Step2" -> "note3";
    "Step2" -> "note4";
}

结果是: