网络树未集中

时间:2018-11-03 21:53:09

标签: treeview vis.js vis.js-network

我正在尝试使用Vis.js网络构建树,就像家谱树一样。 我尝试了各种配置来使用Vis.js Network绘制像树一样的图形。 我已经写了这些配置:

{
    "interaction": {
        "zoomView": true,
        "hover": true,
        "dragNodes": true
    },
    "layout": {
        "hierarchical": {
        "direction": "UD",
        "sortMethod": "directed",
        "nodeSpacing": 150,
        "parentCentralization": false
        }
    },
    "physics": {
        "enabled": false
    }
}

和:

{
    "interaction": {
        "zoomView": true,
        "hover": true,
        "dragNodes": true
    },
    "layout": {
        "hierarchical": {
        "direction": "UD",
        "sortMethod": "directed",
        "nodeSpacing": 150,
        "parentCentralization": true
        }
    },
    "physics": {
        "enabled": false
    }
}

但是我的树仍然像图像中所示那样从左向右生长 Tree Growing

我的数据是动态的,当我单击一个节点时,它们可以展开。如有需要,我可以加深了解。

第一次互动时,树看起来很好。

First interaction

0 个答案:

没有答案