当我在图表上滚动时，停止scroll事件滚动整个页面

// 获取图表元素
var chart = document.getElementById('chart');

// 监听scroll事件
window.addEventListener('scroll', function(event) {
  // 判断滚动事件是否发生在图表区域内
  if (isEventInsideChart(event)) {
    // 阻止事件传播，停止页面滚动
    event.stopPropagation();
  }
});

// 判断滚动事件是否发生在图表区域内的函数
function isEventInsideChart(event) {
  var chartRect = chart.getBoundingClientRect();
  var eventX = event.clientX;
  var eventY = event.clientY;

  // 判断事件坐标是否在图表区域内
  if (
    eventX >= chartRect.left &&
    eventX <= chartRect.right &&
    eventY >= chartRect.top &&
    eventY <= chartRect.bottom
  ) {
    return true;
  }

  return false;
}