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

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

1 个答案: