如何在chartjs canvas中绑定touchmove？

Question

I'm using chartjs to draw line charts and can successfully bind onHover but unable to bind touchmove. From chartjs documentation ( https://www.chartjs.org/docs/latest/general/interactions/events.html#event-option ) i can't find a way to bind touchmove.

const ctx = document.getElementById("myChart");
    const myChart = new Chart(ctx, {
      type: "line",
      data,
      legend: { display: false },
      options: {
        tooltips: {
          enabled: false
        }
        onHover: function(event, array = []) {
          if (array?.length) {
            var activeElement = array[0];
            if ("_index" in activeElement) {
              //console.log(activeElement);
              const index = activeElement["_index"];
              const model = activeElement["_model"];
              const xPosition = model["x"];
            }
          }
        }

I tried binding mousemove to canvas element(addlistener to canvas dom element) but it desnt contain relevant information(array/events etc) so of no use to me. Any guidance on how to bind touchmove to chartjs canvas element?

Answer 1

If you bind the mousemove event to the canvas itself you can get the elements/datasets with the build in methods of chart.js by passing it the event itself.

https://www.chartjs.org/docs/latest/developers/api.html#getelementatevente