如果没有标签，请删除工具提示

Question

我正在使用此回调函数来检查图表的悬停部分是否有标签：

tooltips: {
    callbacks: {
      label: function(tooltipItem, data) {
        var label = data.labels[tooltipItem.index];
        if(label !== 'undefined'){
          return label;
        }
      }
    }
  }

但工具提示箭头继续出现。我该如何删除它？

https://codepen.io/marcelo2605/pen/vWxyBL

Answer 1

添加typeof以检查标签是否未定义，如果需要，请hide()或destroy()。

tooltips: {
  callbacks: {
    label: function(tooltipItem, data) {
      var label = data.labels[tooltipItem.index];
        if(typeof label !== 'undefined') {
          return label;
        } else {
          label.destroy();
        }
      }
    }
  }

Answer 2

首先使用typeof label != "undefined"查看其是否未定义。

第二次使用optionsSistema.defaults.global.tooltips.enabled = false;这将删除标签。

以下是demo。

Answer 3

tooltips: {
    callbacks: {
      label: function(tooltipItem, data) {
        var label = data.labels[tooltipItem.index];
        if(label !== undefined){//use undefined instead 'undefined'
          return label;
        }else{
          return label.destroy()
         }
      }
    }
  }

Answer 4

除了使用tooltip对象的自定义属性使用自定义工具提示之外别无选择。请参阅custom tooltips