【问题标题】:Hide/disable tooltips chart.js隐藏/禁用工具提示 chart.js
【发布时间】:2016-08-25 12:19:14
【问题描述】:

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

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

Chart.defaults.global.tooltipenabled = false;

你可以在这里看到图表的所有代码:

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

【问题讨论】:

  • jsfiddle 里面什么都没有。请重新创建。
  • @SagarR 抱歉现在添加了它
  • 在检查了您的 jsfiddle 之后,我发现您使用的是旧版本的 chart.js 文件,其中有一个关于 TOOLTIP 的错误,为什么它没有隐藏它。 (参考网站:github.com/chartjs/Chart.js/issues/494

标签: html5-canvas chart.js


【解决方案1】:

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

options: {
    tooltips: {
         enabled: false
    }
}

【讨论】:

  • 谢谢!最后,不改变全局配置的人。
【解决方案2】:

对我来说showTooltips = false 没用。

我的解决方案是:

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

我的版本是:

2.1.4

【讨论】:

  • 这正是我想要的。谢谢!
  • 这仍然是版本2.5.0中的正确解决方案
  • 2.5.0 上工作,但不幸的是不能让它只适用于特定的图表。
【解决方案3】:

对于 v3.7

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

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

【讨论】:

    【解决方案4】:

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

    Chart.defaults.global.showTooltips = false;
    

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

    【讨论】:

      【解决方案5】:

      对于 v2.9.3:

      options: {
          tooltips: false
      }
      

      【讨论】:

        【解决方案6】:

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

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

        【讨论】:

          【解决方案7】:

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

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2023-03-25
            • 1970-01-01
            • 2015-05-23
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多