Feature Request: improved Crosshair/Tooltip behaviour on mobile

[bitbytebit1]

When using Crosshair and Tooltip on mobile you can't drag your finger across points and have the tooltip show, instead you have to tap on the different point, as far as I can tell there's no way to do this with the provided props for Crosshair and Tooltip but maybe I missed something?

[bitbytebit1]

I was able to get this behaviour by proxying touch events as mouse events:

function handleTouchMove (event) {
  const touch = event.touches[0]

  // Create a synthetic mouse event
  const mouseEvent = new MouseEvent('mousemove', {
    clientX: touch.clientX,
    clientY: touch.clientY,
    bubbles: true,
    cancelable: true,
    view: window,
  })

  // Dispatch to the chart container
  event.target.dispatchEvent(mouseEvent)
}

function handleTouchStart (event) {
  const touch = event.touches[0]

  const mouseEvent = new MouseEvent('mouseenter', {
    clientX: touch.clientX,
    clientY: touch.clientY,
    bubbles: true,
    cancelable: true,
    view: window,
  })

  event.target.dispatchEvent(mouseEvent)
}

function handleTouchEnd () {
  const mouseEvent = new MouseEvent('mouseleave', {
    bubbles: true,
    cancelable: true,
    view: window,
  })

  container.value?.dispatchEvent(mouseEvent)
}

onMounted(() => {
  if (container.value) {
    container.value.addEventListener('touchstart', handleTouchStart, { passive: false })
    container.value.addEventListener('touchmove', handleTouchMove, { passive: false })
    container.value.addEventListener('touchend', handleTouchEnd)
  }
})