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

use*_*021 30 html5-canvas chart.js

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

我试过这段代码,但是他们从不隐瞒.

Chart.defaults.global.tooltipenabled = false;
Run Code Online (Sandbox Code Playgroud)

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

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

小智 58

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

options: {
    tooltips: {
         enabled: false
    }
}
Run Code Online (Sandbox Code Playgroud)

  • 谢谢!最后,不改变全局配置的人。 (3认同)

Jos*_*ick 41

对于 v4.4.1

options: {
  plugins: {
    tooltip: {
      enabled: false
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

文档 - https://www.chartjs.org/docs/latest/configuration/tooltip.html


小智 16

对我来说showTooltips = false没有用.

我的解决方案是:

Chart.defaults.global.tooltips.enabled = false;
Run Code Online (Sandbox Code Playgroud)

我的版本是:

2.1.4


pot*_*ngs 8

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

Chart.defaults.global.showTooltips = false;
Run Code Online (Sandbox Code Playgroud)

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


小智 6

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


Mig*_*tos 5

对于 v2.9.3:

options: {
    tooltips: false
}
Run Code Online (Sandbox Code Playgroud)