Get line data when hover line

[n-osennij]

Hello. I have simple line chart

var canvas = document.getElementById('myChart');

var data = {
  labels: [1, 2, 3, 4, 5, 6, 7],
  datasets: [{
      label: "a1-fam",
      fill: false,
      data: [2, 2, 5, 7, 10, 12, 18],
    },
    {
      label: "a1-rox",
      fill: false,
      data: [0, 0, 1, 1, 1, 1, 1],
    },
    {
      label: "a2-fam",
      fill: false,
      data: [2, 2, 11, 12, 11, 14, 15],
    },
    {
      label: "a2-rox",
      fill: false,
      data: [0, 2, 9, 10, 10, 11, 12],
    },

  ]
};

const myChart = new Chart(canvas, {
  type: 'line',
  data: data,
  options: {
    showLines: true
  }
});

How can I get all line dataset data when I hover line (line! not dots/squares and etc on line) using mouse?

Example: I hover line with label a1-fam (blue one on img). I what get object in console

{
      label: "a1-fam",
      fill: false,
      data: [2, 2, 5, 7, 10, 12, 18],
}

How can i get it?

[NasDev07]

ok thank you sir

[Udemology]

What you need is interpolation with a tooltip that triggers, there is a video that goes deep into creating a very advance chart that has interpolation and custom tooltips: Part 10 or 11 is where you might want to start: https://youtu.be/cA8_j1BXJqM