我正在使用组织结构图,从 highcharts ,我无法随着节点数的增加调整容器的高度

41zrol4v  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(231)

Image of my desired behaviour.Image of what I am getting显示器
要获得我想要的行为,我必须手动设置容器的高度,如

<div id="container" style="height: 800px;"></div>

因为我是动态导入数据的,所以高度会发生变化。我希望容器的高度随着节点数量的增加而变化,而且我不希望节点以这种方式堆叠起来(我得到的图像)。我希望两个节点之间的链接总是具有特定的长度。

kx1ctssn

kx1ctssn1#

在加载事件中,您可以计算节点高度,并更新chart.height,以调整组织节点和链接的外观,尝试操作nodeWidth和nodeHeight。

chart: {
    width: 600,
    inverted: true,
    events: {
      load() {
        let chart = this,
          numnode = 0,
          series = chart.series[0],
          newHeight = series.options.nodeHeight * series.nodeColumns[2].length;

        for (i in series.nodeColumns) {
          numnode += series.nodeColumns[i].length
        }
        newHeight = series.options.nodeHeight * numnode
        chart.update({
          chart: {
            height: newHeight
          }
        })
      }
    }
  },
  series: [{
    ...,
    nodeWidth: 100,
    nodeHeight: 150,
  }],

});

现场演示:https://jsfiddle.net/BlackLabel/abfdrLu4/

相关问题