Model view controller Highcharts组织结构图有很多节点,看起来不太好

Model view controller Highcharts组织结构图有很多节点,看起来不太好,model-view-controller,highcharts,Model View Controller,Highcharts,我正在使用Highcharts的组织结构图创建一个具有树布局的数据结构的图像。Highcharts技术似乎工作得很好,但是当我想使用大量节点时,节点会被打包在一起,而线条最终会重叠。这样我就不能再看到节点之间的链接了 我一直在尝试使用CSS参数来更改布局,但效果并不理想。我还尝试将布局设置为悬挂,但这完全破坏了布局 这就是我所说的重叠线的意思: 您可以尝试将默认布局()从normal更改为hanging,如下所示: ... nodes:[ { id:"D1", name:

我正在使用Highcharts的组织结构图创建一个具有树布局的数据结构的图像。Highcharts技术似乎工作得很好,但是当我想使用大量节点时,节点会被打包在一起,而线条最终会重叠。这样我就不能再看到节点之间的链接了

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

这就是我所说的重叠线的意思:


您可以尝试将默认布局()从
normal
更改为
hanging
,如下所示:

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

你能在像JSFIDLE这样的在线代码编辑器中重现这个问题吗?好问题,我已经用一个链接更新了我的帖子。这个问题在E级别上是可见的,取决于你的显示器。问题是这样的:
...
nodes:[
    {
    id:"D1",
    name: "D1",
    layout: "hanging",
  },
    {
    id:"D2",
    name: "D2",
    layout: "hanging",
  },
    {
    id:"D3",
    name: "D3",
    layout: "hanging",
  },
]