graphviz:小调整使图形看起来更好

时间:2010-01-19 15:03:16

标签: graphviz

我在这里有一个测试图,我想调整它以使它看起来更好。

alt text

以下是graphviz(点)来源,test6.dot

digraph G {
    ranksep=0.3; size="6.0,6.0";
    node [fontsize=11];

    subgraph clusterA {
        X2 [shape=box];

      node [style=filled];
        1 -> 2 -> 3 -> X2 -> 5;
        6;
        7;
      label = "A";
      color=blue
    }
    X1 [shape=box];
    subgraph clusterB {
      node [style=filled];
        8;
        9;
        10 -> 11 -> 12;
        12 -> 9;
        12 -> 8 -> 13;
        13 -> 14;
      label = "B";
      color=blue
    }
    subgraph clusterC {
      label = "C";
      {
        node [style="invis"];
        gap;
      }
      node [shape=box];

      edge [style="invis"];
      X3 -> gap -> X4;           
    }

    14 -> X4 -> 3;
    6 -> X1 -> 10;
    { edge [dir="both"];
      8 -> X3 -> 7;
    }

    9 -> X3
  }

我想提出的问题/改变:

  • 我希望节点10 -> 11 -> 12 -> 8 -> 13 -> 14的流程在垂直线上(水平交换8和9)。我怎样才能做到这一点? (与1 -> 2 -> 3 -> X2 -> 5相同;交换6和1)
  • 我希望X1与10处于同一垂直位置,与6处的水平位置相同。我怎么能这样做?
  • 我希望8和X3和7处于同一垂直位置,同时使用14和X4和3.我该怎么做?
  • ranksep=0.3;语句效果很好,但请注意8 -> 13 -> 14的差距较大,X3 -> gap -> X4也是如此。为什么它不遵守ranksep = 0.3规则,我该如何解决这个问题?

1 个答案:

答案 0 :(得分:17)

以下是我能做的最好的事情:幻像节点和边缘帮助。但我似乎无法鼓励横向的特定排序(rankdir的另一个方向)。

alt text

 digraph G {
    ranksep=0.3; size="6.0,6.0";
    rankdir=TB;

    node [fontsize=11];

    subgraph clusterA {
      X2 [shape=box];
      label = "A";
      color=blue;

      node [style=filled];
        /* force 1, 6, and 7 to be at the top together,
           add enough phantoms to keep things in nice columns */
        {
          node [style="invis", label=""]; 
          phantom3;
          phantom4;
          phantom5;
          phantom6;
        }


          rank = same;
          1 -> 2 -> 3 -> X2 -> 5;        

          edge [style="invis"];
          6 -> phantom3 -> phantom5;
          7 -> phantom4 -> phantom6;

    }
    subgraph clusterB {
      node [style=filled];
      label = "B";
      color=blue;
      /* create an invisible phantom node 
           to take up space */
      {
        node [style="invis",label=""];
        phantom1;
        phantom1b;
      }

      { rank=same; 11;
        phantom1;
      }

      10 -> 11 -> 12 -> 8 -> 13 -> 14;
      12 -> 9;
      phantom1 -> 9 -> phantom1b [style="invis"];

    }


    /* force X1 to be at the same vertical pos as 10
       (this yields a warning though) */
    { rank = same; 
      X1 [shape=box];
      10;
    }

    6 -> X1;
    X1 -> 10 [weight=0.5];

    subgraph clusterC {
      label = "C";

      phantom2 [style="invis", label=""];

      node [shape=box];

      edge [style="invis"];
      X3 -> phantom2 -> X4;           
    }

    9 -> X3 [weight=0.5];

    { 
      edge [weight=20];
      14 -> X4 -> 3;
      3 -> X4 -> 14 [style="invis"];
      /* add a reverse path so graphviz doesn't force 14 above X4 above 3 */
    }
    { 
      edge [dir="both", weight=20];
      8 -> X3 -> 7;
      7 -> X3 -> 8 [style="invis"];
      edge [style="invis"];
      X4 -> phantom6;
      1 -> phantom2;
      8 -> phantom2;
    }

  }