Highcharts组织图折叠/展开节点后如何重绘优化布局

Highcharts组织图的布局计算仅在初始化和序列数据更新时触发，单纯调用chart.redraw()只会重绘现有元素，不会重新计算节点位置与整体空间分配，可通过以下方法实现需求：

• 方案1：通过节点update方法触发布局重算
  折叠/展开节点时，直接调用节点的update方法修改可见状态，随后触发序列更新即可自动重新计算布局：

// 节点点击事件逻辑
point.update({
  visible: !point.visible
}, false); // 先不单独重绘当前节点
// 触发序列更新，自动重新计算所有节点位置与空间分配
chart.series[0].update();

• 方案2：全量重设数据适配自定义折叠逻辑
  如果已经自行实现了节点的折叠/显示逻辑，不想修改原有交互，可以在操作完成后把原有数据重新赋值给序列，触发全量布局计算：

// 提前存储组织图原始数据
const originalData = chart.series[0].options.data;
// 折叠/展开操作完成后执行
chart.series[0].setData(originalData);

• 性能优化建议
  如果节点数量较多，可以关闭更新动画提升交互流畅度：

chart.series[0].setData(originalData, true, {
  animate: false
});

内容的提问来源于stack exchange，提问作者vegaelce