使用mxGraph

Question

我想用mxGraph实现对话树的编辑器。

我从 workfloweditor 示例[1]开始，并尝试根据我的需要自定义代码。使用子进程模板绘制图形作为节点和定向连接器完美地工作。但是，图表层次结构似乎缺失：工具提示始终显示＆＃34;子项：0＆＃34;，无论我连接多少个节点。原始示例代码也是如此。

如何明确配置图表以遵循分层的父子布局？

[1] https://jgraph.github.io/mxgraph/javascript/examples/editors/workfloweditor.html

Answer 1

孩子们不是我想你的想法。

什么是孩子？这些是具有当前细胞作为亲本的细胞。什么是父母？尝试：添加一个框，右键单击它，然后单击“输入组”。如果您愿意，现在您正处于子流程中。在那里放几个盒子，然后右键单击画布“退出组”。现在您有一个包含子单元格的父单元格。

您要做的是阅读盒子之间的连接。看看how to traverse the graph或者你也可以手动实现，它相当简单。