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

fykwrbwg  于 2022-11-06  发布在  Chart.js
关注(0)|答案(7)|浏览(207)

我尝试使用chart.js隐藏折线图中的工具提示。
我试过这种暗号,但他们从来没有躲起来过。

Chart.defaults.global.tooltipenabled = false;

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

ar5n3qh5

ar5n3qh51#

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

options: {
    tooltips: {
         enabled: false
    }
}
wkftcu5l

wkftcu5l2#

适用于v3.9.1

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

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

k4emjkb1

k4emjkb13#

对我来说,showTooltips = false不起作用。
我的解决方案是:

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

我的版本是:
2.1.4

0aydgbwb

0aydgbwb4#

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

Chart.defaults.global.showTooltips = false;

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

8ehkhllq

8ehkhllq5#

对于v2.9.3:

options: {
    tooltips: false
}
syqv5f0l

syqv5f0l6#

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

wkyowqbh

wkyowqbh7#

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

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

相关问题