

mermaidでフローチャートをRLに指定して書いておりますが、下記図のように  
BeforeとRebasedのsubgraphを上下ではなく、左右に並べることはできないでしょうか?  
エディタはTyporaを使っております。

[![画像の説明をここに入力](https://i.stack.imgur.com/sP0WO.png)](https://i.stack.imgur.com/sP0WO.png)

[code]

    graph RL
    subgraph 4_[Rebased]
        1_[commit 1]
        2_[commit 2]
        3_[commit 3]
        2_ --> 1_
        3_ --> 2_
    
        subgraph master-
        2_
        end
        subgraph feature-
        3_
        end
    end
    style 4_ fill:#fdc
    subgraph 4[Before]
        1[commit 1]
        2[commit 2]
        3[commit 3]
        2 --> 1
        3 --> 1
        subgraph master
        2
        end
        subgraph feature
        3
        end
    end
    style 4 fill:#fdc
    classDef red fill:#F77
    class 3_,3 red
    
[/code]

以上、何卒ご教授宜しくお願い致します。


CC BY-SA 4.0
2020-04-29T01:51:22.487
66091
2020-04-30T00:32:58.297
2020-04-30T00:32:58.297
3060
30280
question
mermaid
mermaidのフローチャートRLでsubgraphの配置を上下から左右に変えたい


`graph RL`による図形の配置を維持したままで左右に並べる回答ではありません。  
単に左右に並べるだけなら、以下のとおり、graphのRLをTBに変えればよいと思います。

[code]

    graph TB
    
[/code]

`VScode`の`Markdown Preview Mermaid Support`での結果は以下のとおりです。

[![画像の説明をここに入力](https://i.stack.imgur.com/k4PmV.png)](https://i.stack.imgur.com/k4PmV.png)

推測ですが、`mermaid`の`graph`は`graphviz`の`rankdir`に対応していると思います。

[code]

    rankdir
    
    TB : top to bottom.
    BT : bottom to top.
    LR : left to right.
    RL : right to left.
    
[/code]

* * *

邪道ですが、見えないリンクを引く方法があります。  
次の2行を追加するとRebasedとBeforeが並んで表示されます。

[![例](https://i.stack.imgur.com/BQ5jd.png)](https://i.stack.imgur.com/BQ5jd.png)

[code]

    1_ --- 2
    linkStyle 4 stroke-width:0px
    
    
[/code]


CC BY-SA 4.0
2020-04-29T11:47:03.437
66113
2020-04-29T12:51:14.783
2020-04-29T12:51:14.783
35558
35558
66091
answer