GraphViz - 如何绘制这些边答案

【问题标题】：GraphViz - How To Draw These EdgesGraphViz - 如何绘制这些边
【发布时间】：2018-01-03 02:51:10
【问题描述】：

Heylo，我只是想看看我在下图中模拟的边缘（蓝色/青色）是否可能......我尝试了很多不同的边缘属性组合，我'我真的很难让边缘看起来干净和有条理，而不是走最短的路径。

我的代码如下，我不希望子图从当前位置移动，所以我知道边缘需要“约束 = false”。

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”];
    }
}

提前谢谢你！

【问题讨论】：

看不到你的照片
@vaettchen 对不起！它已被修复。 :)
我很确定不可能完全按照您的意愿行事。 Graphviz 用于绘制图形。严格来说，您的图表不是图表，因为来自terminal 的边分叉。您必须进行调整，直到两个实际边缘恰好重叠。您可能使用了错误的工具。考虑使用 tikz 或 pstricks 和 LaTeX 来手动布置图表。以下是可能的示例：texample.net/tikz/examples/tag/diagrams
小抱怨：你的代码中有智能引号——我必须在 dot 接受它之前替换那些。
还有另一个小故障 - node_1 在 Windows 和 Linux 中被定义了两次。 smartquotes 和冗余定义都表明这里发布的代码没有经过测试。

标签： graphviz diagram image-graphviz

【解决方案1】：

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

【讨论】：

谢谢！我会仔细看看的。 :)