隐藏/禁用工具提示chart.js

时间:2016-04-30 10:11:13

标签: html5-canvas chart.js

我试图使用chart.js隐藏折线图中的工具提示。

我尝试过这段代码,但他们从不隐瞒。

Chart.defaults.global.tooltipenabled = false;

您可以在此处查看图表中的所有代码:

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

6 个答案:

答案 0 :(得分:46)

要关闭特定图表而不是全局默认值,请在options对象中使用它。使用v2.5.0

options: {
    tooltips: {
         enabled: false
    }
}

答案 1 :(得分:15)

对我来说showTooltips = false没有用。

我的解决方案是:

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

我的版本是:

2.1.4

答案 2 :(得分:8)

您的属性名称错误。它应该是

Chart.defaults.global.showTooltips = false;

小提琴 - https://jsfiddle.net/0tfvnmx1/

答案 3 :(得分:4)

对于v2.9.3:

options: {
    tooltips: false
}

答案 4 :(得分:3)

使用以下选项隐藏工具提示

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

答案 5 :(得分:0)

对于 3+,路径为 options.plugin.tooltip.enabled