具有许多节点的Highcharts组织结构图看起来不太好

Question

我使用Highcharts的组织结构图来创建具有树形布局的数据结构的图像。 Highcharts技术似乎工作得很好，但是当我要使用很多节点时，这些节点会挤在一起，并且线路最终会重叠。这样，我不再能够看到节点之间的链接。

我一直在尝试使用CSS参数来更改布局，但效果不佳。我还尝试将布局设置为悬挂，但这完全破坏了布局。

这就是重叠行：https://imgur.com/a/eXSONHN

Here is a sample of the problem: https://jsfiddle.net/byv7kea1/

Answer 1

您可以尝试将默认布局（Documentation）从normal更改为hanging：

...
nodes:[
    {
    id:"D1",
    name: "D1",
    layout: "hanging",
  },
    {
    id:"D2",
    name: "D2",
    layout: "hanging",
  },
    {
    id:"D3",
    name: "D3",
    layout: "hanging",
  },
]

Fiddle