增加graphviz中的秩间距

Ben*_*Ben 4 graphviz d3.js

我有一个使用D3 graphviz布置的图表。它以非常密集的方式布局,我希望它使用更多的屏幕宽度。

以不使用整个屏幕的方式布置的图形

我试过调整 theranksep和 the ratio,但似乎都没有任何效果。我也试过更改节点边框,但没有效果。改变边缘minlength只会使边缘看起来松软。我可以尝试给每个节点一个隐形的孩子,但这似乎是一个可怕的黑客。

为清楚起见,rank是指节点列之间的水平间距。(图表从左到右排列。)

理想情况下,我可以给它一个纵横比,它会充分利用该空间以不需要太多杂技的方式布置图形。

  • 我错过了一些明显的东西吗?
  • 我很可能错误地使用了这些选项
  • 或者 D3 graphviz 实现可能没有这些功能?
  • 没有好的方法可以做到这一点吗?

Set*_*top 5

我已经添加了 :

size = "16.66,8.33!"; // 1200x600 at 72px/in, "!" to force
ratio = "fill"; // see https://graphviz.gitlab.io/_pages/doc/info/attrs.html#d:ratio
Run Code Online (Sandbox Code Playgroud)

在图声明的开头(就在 之后digraph G {)。

它呈现更广泛的输出。

试一试再说。