分层布局中的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 } );
});

​

Answer 2

您应该删除引号。这些是对象的属性，而不是字符串。它应该看起来像这样：

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