在ChartJS中检测单击是在栏内还是在栏外

var chartConfig = {
  type: 'bar',
  data: {
    // 数据配置
  },
  options: {
    // 其他配置项
    onClick: handleClickEvent // 添加事件监听器
  }
};

function handleClickEvent(event, chartElements) {
  // 在这里处理单击事件
}

function handleClickEvent(event, chartElements) {
  if (chartElements.length > 0) {
    var clickedElement = chartElements[0];
    var isInsideBar = isPointInsideBar(clickedElement, event);
    
    if (isInsideBar) {
      console.log("单击在栏内");
    } else {
      console.log("单击在栏外");
    }
  }
}

function isPointInsideBar(element, event) {
  var model = element._model;
  var barLeft = model.x - model.width / 2;
  var barRight = model.x + model.width / 2;
  var barTop = model.y;
  var barBottom = model.base;

  var mouseX = event.offsetX;
  var mouseY = event.offsetY;

  return (mouseX >= barLeft && mouseX <= barRight && mouseY >= barTop && mouseY <= barBottom);
}