javascript - vis.js 层级布局中的层级排序

Question

我有一个相当简单的节点层次结构，但是当 vis.js 绘制它们时，每个级别上的节点顺序没有多大意义 - 有很多交叉边(屏幕截图:Default Layout)

我希望获得类似于此处给出的布局: Expected Layout

我的vis.js选项如下；

{
    "layout": {
        "hierarchical": {
            "direction": "LR",
            "sortMethod": "directed",
            "nodeSpacing": 200,
            "treeSpacing": 400
        }
    },
    "edges": {
        "smooth": {
            "type": "continuous"
        }
    },
    "nodes": {
        "physics": false
    }
};

生成这种排序布局的最佳方法是什么？

Answer 1

我建议您尝试启用物理学，这将解决边缘交叉等问题。

但是，在分层布局中，通过捕获“stabilizationIterationsDone”事件完成第一次迭代后禁用引擎是个好主意，如下所示:

network.on("stabilizationIterationsDone", function(){
  network.setOptions( { physics: false } );
});