当另一个div位于图表上时，保持highcharts图例响应

<div id="container">
  <div id="overlay"></div>
</div>

#container {
  position: relative;
  width: 500px;
  height: 300px;
}

#overlay {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 200px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

// 创建图表
var chart = Highcharts.chart('container', {
  // 图表配置
  // ...
});

// 监听div元素的位置变化事件或者定时器定期检测div元素的位置
function checkOverlayPosition() {
  // 获取div元素的位置信息
  var overlay = document.getElementById('overlay');
  var overlayRect = overlay.getBoundingClientRect();

  // 更新图表的位置和大小
  chart.update({
    chart: {
      marginLeft: overlayRect.left + 'px',
      marginTop: overlayRect.top + 'px',
      width: overlayRect.width + 'px',
      height: overlayRect.height + 'px'
    }
  });

  // 更新图例的位置和大小
  chart.legend.update({
    x: overlayRect.left + 'px',
    y: overlayRect.top + 'px',
    width: overlayRect.width + 'px',
    height: overlayRect.height + 'px'
  });
}

// 监听div元素的位置变化事件或者定时器定期检测div元素的位置
window.addEventListener('resize', checkOverlayPosition);