web-dev-qa-db-fra.com

Masquer/désactiver les info-bulles chart.js

J'essaie de masquer les info-bulles dans un graphique à courbes à l'aide de chart.js.

J'ai essayé ce code, mais ils ne se cachent jamais.

Chart.defaults.global.tooltipenabled = false;

Vous pouvez voir tout le code ici du tableau:

https://jsfiddle.net/w6zs07xx/ Merci!

20
user1937021

Pour désactiver un graphique spécifique au lieu des paramètres globaux par défaut, utilisez ceci dans l'objet options. Utiliser v2.5.0

options: {
    tooltips: {
         enabled: false
    }
}
42
Jon

Pour moi, showTooltips = false n'a pas fonctionné. 

Ma solution était:

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

Ma version est: 

2.1.4

14
Diego Galocha

Vous avez le mauvais nom de propriété. CA devrait etre 

Chart.defaults.global.showTooltips = false;

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

7
potatopeelings

utilisez l'option suivante pour masquer l'info-bulle 

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