Problems with tooltips

[Trystanlm]

Hey, I have a problem with the tooltips of my graphs (when I hover my cursor over my graph no information is displayed) I have tried many solutions but none of them work

[stockiNail]

@Trystanlm to help you, we need a reproducible sample.

[Trystanlm]

const chartOptions = {
responsive: true,
animation: false,
plugins: {
tooltip: {
enabled: true
},
legend: {
display: false,
position: 'bottom',
align: 'center'
}
},
scales: {
x: {
type: 'time',
time: {
unit: timeUnit.value,
tooltipFormat: 'll HH:mm',
displayFormats: {
minute: 'HH:mm',
day: 'MMM D'
}
},
grid: {
display: false
},
ticks: {
source: 'auto',
autoSkip: true,
maxTicksLimit: 10
}
},
y: {
beginAtZero: true,
grid: {
display: false
},
ticks: {
source: 'auto',
autoSkip: true,
maxTicksLimit: 6
}
}
},
elements: {
line: {
borderWidth: 2
}
}
};

And my series are pushed with API data

[Trystanlm]

    <Line :data="{ datasets: temperatureSeries }" :options="{...chartOptions, plugins: { ...chartOptions.plugins, title: { display: true, text: 'Température (°C)' },legend: { display: clusterMode ? true : false,position: 'bottom' }}}" />

here is one graph

[stockiNail]

@Trystanlm I have created a codepen: https://codepen.io/stockinail/pen/zYMWLXx using your chart options. As you can see, hovering the points of the line dataset, the tooltip is shown.

[Trystanlm]

hmm maybe the problems come from the data i receivde from my data API but i cant know what is it but thank you for the help

[stockiNail]

UR welcome. Anyway, if you will have samples of the data you can share, feel free to add them here.