graphviz - 从 Graphviz 点簇子图中删除矩形

Question

有没有办法告诉 Dot 使用集群但不显示子图节点周围的矩形？

Answer 1

您可以使用style.

使用示例style=invis：

digraph g{
 subgraph cluster0 {
  style=invis;
  1 -> 2;
 }
}

如果您想将此用作所有子图的默认值，请使用subgraph[style=invis]：

digraph g{
 subgraph[style=invis];

 subgraph cluster0 {
  1 -> 2;
 }
}

---

编辑：9年后...

最好的解决方案是使用

peripheries=0

这实际上会阻止在 svg 输出中生成矩形，而penwidth=0仍然包含一个多边形（带有stroke-width="0"，但它仍然存在）。

我添加了这个，因为这是最受好评的答案。

Answer 2

您可以使用style=invis：

subgraph cluster1 {
  style=invis
  ...
}

作为上述方法的替代style=invis方法，您还可以设置pencolor=transparent（本地或全局）。

Answer 3

这可以通过使用penwidth = 0属性来完成。这既不会影响标签文本，也不会改变集群的边界框。根据图形驱动程序，这可能会输出零宽度边界。使用建议的peripheries = 0属性会强制删除默认的矩形环绕作为副作用。

尽管style = invis和pencolor = transparent属性在大多数情况下都有效，但可能需要避免挤压集群标签并在集群周围留下透明线。

Answer 4

您也可以使用peripheries=0

Answer 5

penwidth = 0在不需要边框的子图中使用。

这就是我使用它的方式。它只会删除集群边界并且不会造成任何副作用，因为style = invis它也倾向于删除图形标签（在我的情况下不需要）。

digraph {
    subgraph cluster2 {
        label="set"
        
        subgraph cluster0 {
            penwidth = 0
            label="hello"
            1 -> 2;
        }
        
        subgraph cluster1 {
            //penwidth = 0
            label="world"
            3 -> 2;
        }
    }
}

在此处查看实时预览

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: %0 Pages: 1 -->
<svg width="188pt" height="214pt" viewBox="0.00 0.00 188.00 213.60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 209.6)">
<title>%0</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-209.6 184,-209.6 184,4 -4,4"/>
<g id="clust1" class="cluster">
<title>cluster2</title>
<polygon fill="none" stroke="#000000" points="8,-8 8,-197.6 172,-197.6 172,-8 8,-8"/>
<text text-anchor="middle" x="90" y="-181" font-family="Times,serif" font-size="14.00" fill="#000000">set</text>
</g>
<g id="clust2" class="cluster">
<title>cluster0</title>
<polygon fill="none" stroke="#000000" stroke-width="0" points="94,-16 94,-164.8 164,-164.8 164,-16 94,-16"/>
<text text-anchor="middle" x="129" y="-148.2" font-family="Times,serif" font-size="14.00" fill="#000000">hello</text>
</g>
<g id="clust3" class="cluster">
<title>cluster1</title>
<polygon fill="none" stroke="#000000" points="16,-88 16,-164.8 86,-164.8 86,-88 16,-88"/>
<text text-anchor="middle" x="51" y="-148.2" font-family="Times,serif" font-size="14.00" fill="#000000">world</text>
</g>
<!-- 1 -->
<g id="node1" class="node">
<title>1</title>
<ellipse fill="none" stroke="#000000" cx="129" cy="-114" rx="27" ry="18"/>
<text text-anchor="middle" x="129" y="-109.8" font-family="Times,serif" font-size="14.00" fill="#000000">1</text>
</g>
<!-- 2 -->
<g id="node2" class="node">
<title>2</title>
<ellipse fill="none" stroke="#000000" cx="129" cy="-42" rx="27" ry="18"/>
<text text-anchor="middle" x="129" y="-37.8" font-family="Times,serif" font-size="14.00" fill="#000000">2</text>
</g>
<!-- 1&#45;&gt;2 -->
<g id="edge1" class="edge">
<title>1&#45;&gt;2</title>
<path fill="none" stroke="#000000" d="M129,-95.8314C129,-88.131 129,-78.9743 129,-70.4166"/>
<polygon fill="#000000" stroke="#000000" points="132.5001,-70.4132 129,-60.4133 125.5001,-70.4133 132.5001,-70.4132"/>
</g>
<!-- 3 -->
<g id="node3" class="node">
<title>3</title>
<ellipse fill="none" stroke="#000000" cx="51" cy="-114" rx="27" ry="18"/>
<text text-anchor="middle" x="51" y="-109.8" font-family="Times,serif" font-size="14.00" fill="#000000">3</text>
</g>
<!-- 3&#45;&gt;2 -->
<g id="edge2" class="edge">
<title>3&#45;&gt;2</title>
<path fill="none" stroke="#000000" d="M67.1617,-99.0816C78.3214,-88.7802 93.3334,-74.923 105.7715,-63.4417"/>
<polygon fill="#000000" stroke="#000000" points="108.1519,-66.0076 113.1259,-56.653 103.4039,-60.864 108.1519,-66.0076"/>
</g>
</g>
</svg>