Hide/disable tooltips chart.js
I'm trying to hide the tooltips in a line chart using chart.js.
I have tried this code, but they never hide.
Chart.defaults.global.tooltipenabled = false;
You can see all the code here of the chart:
https://jsfiddle.net/w6zs07xx/ Thanks!
Solution 1:
To turn off for a specific chart instead of in global defaults use this in the options object. Using v2.5.0
options: {
tooltips: {
enabled: false
}
}
Solution 2:
For me showTooltips = false
didn't work.
My solution was:
Chart.defaults.global.tooltips.enabled = false;
My version is:
2.1.4
Solution 3:
For v3.7
options: {
plugins: {
tooltip: {
enabled: false
},
}
}
Docs - https://www.chartjs.org/docs/latest/configuration/tooltip.html
Solution 4:
You have the wrong property name. It should be
Chart.defaults.global.showTooltips = false;
Fiddle - https://jsfiddle.net/0tfvnmx1/
Solution 5:
For v2.9.3:
options: {
tooltips: false
}