我想将标签隐藏在工具提示中，因为它显示的是未定义的

Question

我正在使用chart.js显示一个线条图。如何隐藏chart.js线条图的工具提示标签？工具提示中的标签正在显示undefined，所以我想隐藏标签(请看屏幕截图)？

也许有一种方法可以修改工具提示，在这里我只能在工具提示中显示传奇值？我的代码如下：

  myLine = new Chart(ctx).Line(lineChartData, {
      type: 'line',
      responsive: true,
      scaleShowGridLines : false,
      bezierCurve : false,
      animationEasing: "linear",
      tooltipEvents: ["mousemove", "touchstart", "touchmove"],
      showTooltips: true,
      scaleLineColor: "rgba(0,0,0,.8)",
  });

​

​

Answer 1

只需在选项中将tooltipTitleFontSize设置为0即可。

预览

​

​

脚本

myLine = new Chart(ctx).Line(lineChartData, {
    ...
    tooltipTitleFontSize: 0
});

Answer 2

我知道我迟到了，但我想加上这个还是有好处的。

检查这个：https://stackoverflow.com/a/44632748/12061669

它使用一个函数隐藏标题：

options:{
   tooltips:{
     callbacks:{
        title: ()=>{}
     }
   }
}

Answer 3

将标题的字体大小设置为零并不理想，因为您仍然会在工具提示顶部看到一个(丑陋的)额外空间，就好像标题行仍然在那里一样--这正是您所期望的。

相反，我使用了Yumin的答案，但必须返回null才能起作用：‘

tooltips: {
  callbacks: {
    title: () => null,
  },
},

结果与饼图完全一样(在默认的工具提示中没有标题)。