如何设置Graphviz让层级图从左到右而非从上到下展示？

解决方法 #

你只需要在digraph G的graph属性配置中增加rankdir=LR参数即可切换为从左到右的水平流向，该参数专门用于控制图表的排布方向：

• 默认取值TB：代表从上（Top）到下（Bottom）的垂直流向，也就是你当前的效果
• 取值LR：代表从左（Left）到右（Right）的水平流向
• 其他可选取值还有BT（从下到上）、RL（从右到左）

修改后的完整代码 #

digraph G {
  graph [fontsize=24, rankdir=LR]
  edge [fontsize=24]
  node [fontsize=24]
  ranksep = 1.5
  nodesep = .25
  edge [style="setlinewidth(3)"]
  a[label="$scope.$on(\"playing\")"]
  b[label="$scope.app.adjust"]
  c[label="$scope.app.beforeProceeding"]
  b->c
  a -> playingOrStopped
  HowToShowOp -> image_btn_array
  playingOrStopped -> image_btn_array
}

内容的提问来源于stack exchange，提问作者Wes Tomer