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

Question

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

这是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规则,我该如何解决这个问题呢？

Answer 1

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

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

  }