[Chartjs]-Hide/disable tooltips chart.js

by

113👍

✅

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

34👍

For v4.3.0

options: {
  plugins: {
    tooltip: {
      enabled: false
    }
  }
}

Docs – https://www.chartjs.org/docs/latest/configuration/tooltip.html

16👍

For me showTooltips = false didn’t work.

My solution was:

Chart.defaults.global.tooltips.enabled = false;

My version is:

2.1.4

8👍

You have the wrong property name. It should be 

Chart.defaults.global.showTooltips = false;

Fiddle – https://jsfiddle.net/0tfvnmx1/

8👍

For v2.9.3:

options: {
    tooltips: false
}

6👍

For 3+ the path is options.plugin.tooltip.enabled.

4👍

use the following option for hide the tooltip 

 tooltips :{
                custom : function(tooltipModel) 
                 {
                  tooltipModel.opacity = 0;
                 }
           }

0👍

For me this worked.

Using Chart JS version 4.1.1

Chart.defaults.plugins.tooltip.enabled = false;

Leave a comment