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

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

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 2

首先使用< code >类型的标签！= "undefined"查看它是否未定义。

第二次使用选项系统默认.全局.工具提示.启用 = false;这将删除标签。

这是它的演示。

Answer 3

添加＜code＞typeof或＜code＞destroy（）

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