Дерево сети не централизовано

Question

Я пытаюсь построить дерево с помощью Vis.js Network, например, генеалогическое дерево. Я пробовал различные конфигурации, чтобы нарисовать график как дерево, используя сеть Vis.js. Я написал эти конфиги:

{
    "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
    }
}

Но мое дерево все еще растет слева направо, как показано на рисунке

Мои данные динамические, когда я щелкаю по узлу, они могут расширяться. При необходимости я принимаю для лучшего понимания.

При первом взаимодействии дерево выглядит нормально.