Javascript 如何隐藏图表工具提示的标题？

我正在使用chart js显示分组条形图，并尝试隐藏工具提示的标题

生成条形码的代码

var ctx = document.getElementById("myChart").getContext("2d");

var data = {
    labels: ["Chocolate", "Vanilla", "Strawberry"],
    datasets: [
        {
            label: "Blue",
            backgroundColor: "blue",
            data: [3,7,4]
        },
        {
            label: "Red",
            backgroundColor: "red",
            data: [4,3,5]
        },
        {
            label: "Green",
            backgroundColor: "green",
            data: [7,2,6]
        }
    ]
};

var myBarChart = new Chart(ctx, {
    type: 'bar',
    data: data,
    options: {
        barValueSpacing: 20,
        scales: {
            yAxes: [{
                ticks: {
                    min: 0,
                }
            }]
        }
    }
});

在工具提示中，它显示了标签巧克力、香草、草莓和我试图用以下内容隐藏标签

通过将titlefontsize设置为0，但它不起作用

tooltipTitleFontSize: 0

我尝试过工具提示回调，它会禁用标签蓝、红、绿，但我不需要

 tooltips: {
        callbacks: {
           label: function(tooltipItem) {
                  return tooltipItem.yLabel;
           }
        }
    }

---

帮助我提前感谢

要隐藏工具提示的标题，您需要在工具提示标题的回调中返回一个空函数，如下所示

options: {
   tooltips: {
      callbacks: {
         title: function() {}
      }
   },
   ...
}

---

要隐藏工具提示标题/标签，应将其添加到该图表的选项对象中，如下所示：

options: {
   plugins: {
      tooltip: {
         callbacks: {
            title : () => null // or function () { return null; }
         }
      }
   }
}

请参阅文档，以便更好地理解应该使用自定义回调函数来处理它，并且它不是可以直接在选项中设置的配置

---

我在另一个线程中也提到了同样的问题：

我已经尝试过了，但它不起作用。我得到了一个错误

属性“title”的类型不兼容。

我把它放在了callback中，正如你提到的那样。函数需要返回一些东西。只需返回

null

，它就会工作。请看这里：