How to show tooltips on line chart without hovering the single point

[DavideViolante]

I wanted to know if there is a way to show the tooltip on the line chart without going exactly hover the small single point but always, exactly like highcharts or Google.
It's a UX problem.

linechartotolip.mp4

[kurkle]

Take a look at https://www.chartjs.org/docs/latest/samples/tooltip/interactions.html

Edit: not shown in the sample, but you can further adjust the interactions with axis: 'x' | 'y' | 'xy'.
I usually end up using:

new Chart(ctx, {
  data: {...},
  options: {
    interaction: {
      mode: 'nearest',
      axis: 'x',
      intersect: false
    }
  }
});

[AliDarrudi67]

i use this code but datalabels not show and i have to hover
...
options: {
// events: [],
interaction: {
mode: 'nearest',
axis: 'x',
intersect: false
}
scales: {
y: {
beginAtZero: true,
display: false
}
}
},

[konradgorni]

For me not work.

[harsh-hcah]

Not Worked

[LeeLenaleee]

Can you share your code in a jsfiddle?

[harsh-hcah]

Hi, check this https://jsfiddle.net/w7amshnf/