Css HighCharts组织节点重叠

我有一个HighCharts组织结构图，它从我们的数据库加载数据，这样它就可以有可变数量的节点。我补充说

.highcharts-container { overflow: scroll !important; min-width: 100px; }

添加到我的css中，这样滚动条就会出现，并且看起来会根据需要垂直增长。但是，由于某些原因，节点水平重叠。我补充说

nodePadding: 15

对我的js来说，这似乎是垂直的，但对水平问题没有帮助。我觉得应该有一个选项或设置，但当我搜索重叠的问题时，我得到的只是标签问题。关于如何让我的节点腾出空间有什么想法吗？谢谢

这是一个JSFIDLE，它有像我一样的重叠数据-

如果在某一点上事情变得不相关，这里有一个由Sebastian提供给我的函数：处理数据量的大小调整：

events: {
  load() {
    let chart = this,
      series = chart.series[0],
      newWidth = series.options.nodeWidth * series.nodeColumns[2].length;

    chart.update({
      chart: {
        width: newWidth
      }
    })
  }
}

---

我用它来设置高度和宽度，但它被一些东西覆盖了，可能是对话框大小的角度限制更高。我想我需要一种方法来隔开图标并使所有内容都变小，因为我不能只将图表变大。

你可以通过减小节点宽度来实现，例如节点宽度：50

演示：

API参考：

编辑

另一种方法是减小“dataLabels”字体大小，并手动设置每个较大节点的高度和偏移量

演示：

---

你能在像JSFIDLE这样的在线代码编辑器中重现这个问题吗？在我的问题中添加了一个JSFIDLE，使它们不会重叠，但是现在节点太小了，你看不清它们在上面说什么。我认为我的管理层希望节点标题可见且不重叠，我不确定如何做到这一点。我认为没有办法解决这一问题——如果您需要大量数据，它将很小。您的答案与Sebastian的加载函数结合在一起，这就是我要尝试实现的。谢谢