实现树形图

Question

我想在前端实现一个树形图。 在这个树形图中，子节点需要垂直排列，而不是水平排列。

我尝试过使用echarts来完成这个，但结果并不理想。

option = {
  series: [
    {
      type: 'tree',
      symbol: 'true',
      symbolSize: 12, 
      orient: 'vertical', 
        edgeShape: "polyline",
      label: {
        position: 'top',
        verticalAlign: 'middle',
        align: 'center'
      }, 
      data: [
        {
          name: 'Collector',
          children: [
            {
              name: 'COM1',
              children: [
                {
                  name: 'METEHDLPDXAP4'
                },
                {
                  name: 'METSLKTYDAK19'
                }
              ]
            },
            {
              name: 'COM2'
            }
          ]
        }
      ]
    }
  ]
};

如果您有什么好的建议，请帮助我。 非常感谢！

Answer 1

查看 https://gojs.net 获取此类图表