Javascript 创建具有多个级别的图形

我需要创建一个顶点数量动态的图，如下所示

---

哪种布局最适合用于获取垂直顶点？

力定向图可能是问题的解决方案。以下是一些选项：

如果要使布局以垂直方式显式地进行，则可能需要考虑分层或固定布局，如：

---

请花些时间阅读帮助页面，特别是命名的部分，更重要的是，请阅读。您可能还想了解。

 var t = new NetChart({
        container: document.getElementById("demo"),
        area: { height: null },
        navigation:{
            focusNodeExpansionRadius: 2,
            initialNodes: ["syslog"],
            mode:"focusnodes"
        },
        style:{
            node:{display:"image",lineWidth:2, lineColor: "red", imageCropping: true},
            nodeStyleFunction: function(node){node.radius = 50;}
        },
        data: { url:"https://zoomcharts.com/dvsl/data/net-chart/bubbles.json" },
        layout:{
            mode:"hierarchy",
            nodeSpacing: 45, // horizontal spacing between nodes
            rowSpacing: 80, // vertical spacing between node rows in the hierarchy layout
            rotation: 90
        }
    });