java - jgraphx:分层布局减少节点之间的距离

Question

我正在使用 jgraphx 来可视化方法内部的控件。因此，我使用的是 mxHierarchicalLayout。但在结果图中，两个节点之间的距离太大。 (见图片)

我想减少黄色标记区域。

我添加节点:

Object v1 = graph.insertVertex(parent, u.toString(), u.toString(), 0, 0, 0, 0);

将它们全部设置到同一位置。之后我使用 mxHierarchicalLayout:

// define layout
mxIGraphLayout layout = new mxHierarchicalLayout(graph);
// layout graph
layout.execute(graph.getDefaultParent());

有没有办法压缩图形用户界面？

Answer 1

有两个参数可以定义分层布局上节点之间的间距:

• intraCellSpacing 用于水平间距
• interRankCellSpacing用于垂直间距(行列、层、层次结构之间的空间)

所以，您正在寻找第二个。

一个紧凑的例子:

var layout = new mxHierarchicalLayout(graph);
layout.edgeStyle=2;
layout.intraCellSpacing=20;
layout.interRankCellSpacing=40;

Compact mxGraph with hierarchical layout

扩展示例:

var layout = new mxHierarchicalLayout(graph);
layout.edgeStyle=4;
layout.intraCellSpacing=20;
layout.interRankCellSpacing=70;

Expanded mxGraph with hierarchical layout

您可以看到示例中还有另一个参数edgeStyle，它定义了不同的边缘样式

有关更多信息，请查看 mxGraph Hierarchical layout documentation

亲切的问候