GraphViz-如何绘制这些边缘

Question

Heylo, I just wanted to see if edges like the ones I've mocked up in the image below (in blue/cyan) are possible... I've tried a lot of different combinations of edge attributes and I'm really struggling on getting the edges to look clean and organized and not taking the shortest path possible.

My code is as follows and I do not want the subgraphs to move from their current positions so I know a 'constraint = false' will be required for the edges.

digraph G
{
    graph [compound = true];
    splines = false;
    node [style = bold, shape = record, fontcolor = magenta];

    subgraph cluster0
    {
        style = bold; label = “Mac”;
        edge [style = invisible, arrowhead = none];
        “Finder” -> “Terminal” -> “Safari”;
    }

    subgraph cluster1
    {
         style = bold; label = “Windows”;
         node_1 [label = “<f0> Start|<f1> Command Prompt”];
    }

    subgraph cluster2
    {
         style = bold; label = “Linux”;
         node_2 [label = “<f0> Start|<f1> Konsole”];
    }
}

Thank you in advance!

Answer 1

我没有直接答案，但是PlantUML位于GraphVis之上，并生成与您要查找的相似的边-因此您可以生成.dot文件（请参见Conditional下的第二个示例），检查那里的边缘。