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
        }
    }
}

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