Search code snippets, questions, articles...

Remove or hide tooltips on data points in Chart.js

To hide data points tooltips that are enabled by default, you can use the below code in your Chart.js code.
options: {
    plugins: {
        tooltip: {
            enabled: false
        }
    }
}
Best JSON Validator, JSON Tree Viewer, JSON Beautifier at same place. Check how cool is the tool

The above code will disable the default tooltips for charts that contain options named object and you place the above code inside them.

Live Demo

To disable default tooltips globally on all charts you can use the below code.

Chart.defaults.global.tooltips.enabled = false;
Was this helpful?
0 Comments