使用群集_

Question

我刚刚发现了GraphViz，我试图在文档和示例之后创建一个相当简单的网络图。

因此，我尝试将其分为3个主要类别，我希望从上到下排列3个类别：虚拟机管理程序 - ＆gt;核心 - ＆gt;边缘。

以下代码呈现效果很好，但如果我尝试将subgraph core转换为subgraph cluster_core，则会有点变化。突然，core向左移动，节点垂直排列（尝试覆盖rankdir和rank=same节点） - 但我真的想要外边框和标签！我在这里错过了什么吗？椅子和电脑之间有问题吗？

我到目前为止的代码是：

digraph network {
  graph [overlap = false]

  // Node definitions
  subgraph core {
    rank = same
    labelloc = c
    label = "Core"

    node [shape=square]
      SR_CORE DR_CORE

    node [shape=plaintext]
      ROUTE2 ROUTE1

  }

  subgraph cluster_hypervisors {
    rank = same
    labelloc = c
    style = filled
    label = "Hypervisors"

    node [shape=circle style=filled fillcolor=white]
      NODE01 NODE02 NODE03 NODE04
  }

  subgraph cluster_edge {
    rank = same
    labelloc = c
    label = "Edge"

    node [shape=rectangle]
      SWITCH01 SWITCH02 SWITCH03
  }

  // Edge definitions
  SR_CORE -> ROUTE2 -> DR_CORE [dir=none]
  SR_CORE -> ROUTE1 -> DR_CORE [dir=none]

  SR_CORE -> { SWITCH01 SWITCH02 }
  DR_CORE -> { SWITCH03 }

  NODE01 -> SR_CORE [dir=back]
  NODE02 -> SR_CORE [dir=back]
  NODE03 -> DR_CORE [dir=back]
  NODE04 -> DR_CORE [dir=back]

}

Answer 1

您必须使用cluster_core对{}中的节点进行分组。要调整外观，您还可以向少数边添加一些constraint=false：

digraph network {
  graph [overlap = false]

  // Node definitions
  subgraph cluster_core {
    rank = same
    labelloc = c
    label = "Core"

    node [shape=square]
      SR_CORE DR_CORE

    node [shape=plaintext]
      ROUTE2 ROUTE1

    {SR_CORE DR_CORE ROUTE2 ROUTE1}
  }

  subgraph cluster_hypervisors {
    rank = same
    labelloc = c
    style = filled
    label = "Hypervisors"

    node [shape=circle style=filled fillcolor=white]
      NODE01 NODE02 NODE03 NODE04
  }

  subgraph cluster_edge {
    rank = same
    labelloc = c
    label = "Edge"

    node [shape=rectangle]
      SWITCH01 SWITCH02 SWITCH03
  }

  // Edge definitions
  SR_CORE -> ROUTE2 [dir=none]
  SR_CORE -> ROUTE1 [dir=none, constraint=false]
  ROUTE2 -> DR_CORE [dir=none, constraint=false]
  ROUTE1 -> DR_CORE [dir=none, constraint=false]

  SR_CORE -> { SWITCH01 SWITCH02 }
  DR_CORE -> { SWITCH03 }

  NODE01 -> SR_CORE [dir=back]
  NODE02 -> SR_CORE [dir=back]
  NODE03 -> DR_CORE [dir=back]
  NODE04 -> DR_CORE [dir=back]
}

http://graphviz.it/#/mRSLblIF

您可以查看{{3}}

上的工作示例