如何隐藏chart.js工具提示内容上的标签数据？

问题描述

我正在使用Metronic主题，并且正在使用Chart.js。在工具提示上，我只需要显示不带标签的数据。但是，当我不给标签提供参数表时，它们就会出错。

var config = {
type: 'line',data: {
    labels: priceDate,datasets: [{
        label: "$",borderColor: color,borderWidth: border,pointHoverRadius: 4,pointHoverBorderWidth: 12,pointBackgroundColor: Chart.helpers.color('#000000').alpha(0).rgbString(),pointBorderColor: Chart.helpers.color('#000000').alpha(0).rgbString(),fill: false,data: priceList,}]
},options: {
    tooltips: {
        enabled: true,},responsive: true,maintainAspectRatio: true                
}

解决方法

您是否尝试过标签：“ priceDate”，？

这是否可行（而不是破坏检索器）？

panel.spacing

,

您可以在工具提示中使用formatter函数，并且可以在该函数内部访问this，以获取所需的数据。

这里是一个例子：

  tooltip: {
    formatter: function() {
      return `${this.y} ${this.series.name}`;
    }
  },

,

使用tooltip.headerFormat或tooltip.formatter回调来自定义工具提示输出。

API：https://api.highcharts.com/highcharts/tooltip.headerFormat

API：https://api.highcharts.com/highcharts/tooltip.formatter

,

更好地使用tooltipformatter。在那里，您可以格式化工具提示应如何显示数据。 这是jsfiddle的link，仅显示数据，不显示标签。

,

我通过回调函数解决了问题。

tooltips: {
callbacks: {
 title: function() {}
},enabled: true}