绘制 vis.js 网络时保持两个节点彼此相邻

Question

我正在尝试使用 vis.js 使用分层布局绘制家谱。一些节点代表一对夫妻，他们通过一条边相互连接。我希望这样的节点对彼此相邻放置 - 但是 vis.js 将它们与中间的其他节点分开。

有没有办法指示 vis.js 将两个节点保持在一起并将它们彼此相邻绘制？

这些是我正在使用的当前网络选项：

var tree_options = 
{
    nodes: 
    {
        borderWidth: 1,
        borderWidthSelected: 1,
        shape: "box",
        color: 
        {
            border: 'lightgray',
            background: 'white',
            highlight: 
            {
                border: 'lightgray',
                background: 'lightblue'
            },
            hover: 
            {
                border: 'lightgray',
                background: 'lightblue'
            }
        }
    },
    edges: 
    {
        smooth: 
        {
            type: 'cubicBezier',
            forceDirection: 'vertical',
            roundness: 0.5
        },
        color: 'lightgray'
    },
    layout: 
    {
        hierarchical: 
        {
            direction: 'UD',
            nodeSpacing: 150,
            parentCentralization: true,
            sortMethod: 'directed'
        }
    },
    interaction: 
    {
        dragNodes: true
    },
    physics: false
};

Answer 1

鉴于它是一个分层网络，您是否尝试在每个节点上为“级别”设置一个值？

查看示例：http://visjs.org/examples/network/layout/hierarchicalLayoutUserdefined.html