Держать два узла рядом друг с другом при рисовании сети vis.js - PullRequest
Новая
       13

Держать два узла рядом друг с другом при рисовании сети vis.js

0 голосов
/ 02 января 2019

Я пытаюсь нарисовать генеалогическое дерево с помощью 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
};

1 Ответ

0 голосов
/ 05 января 2019

Учитывая, что это иерархическая сеть, вы пытались установить значение "level" на каждом узле?

См. Пример: http://visjs.org/examples/network/layout/hierarchicalLayoutUserdefined.html

...