Using the scrollwheel to zoom. about chartjs-plugin-crosshair HOT 3 OPEN

const chart = new Chart(...);
const plugin = Chart.plugins.getAll().find((p) => p.id === "crosshair");
plugin.doZoom(chart, myZoomStart, myZoomEnd);

canvas.addEventListener("wheel", (event) => {
  const delta = event.deltaY;
  const xscale = chart.scales['x-axis-0'];
  const start = chart.crosshair.start === undefined ? xscale.min : chart.crosshair.start;
  const end = chart.crosshair.end === undefined ? xscale.max : chart.crosshair.end;
  const ZOOM_FACTOR = 0.1; // 10%
  const increment = Math.sign(delta) * Math.abs(end - start) * ZOOM_FACTOR / 2;
  
  // might want to use chart.crosshair.x and center to zoom around the current mouse position
  const center = xscale.getValueForPixel(chart.crosshair.x);
    
  const myZoomStart = start + increment;
  const myZoomEnd = end - increment;
  
  console.log(delta, start, end, center, increment, myZoomStart, myZoomEnd);
  
  plugin.doZoom(
    chart,
    myZoomStart,
    myZoomEnd
  );
});

const plugin = Chart.registry.getPlugin('crosshair');

const xscale = chart.scales['x'];