Chart.js - 更改悬停标签的值

Question

我做了折线图。在该图表中，Y轴值显示为特定文本。 （赢，抽，失）请检查下面的'yAxes选项'代码：

...

ticks: {
  min : 1,
  max : 3,
  stepSize : 1,
  callback: function(label, index, labels) {
    switch (label) {
      case 1:
        return 'Lose';
      case 2:
        return 'Draw';
      case 3:
        return 'Win';
    }
  }
}

...

目前，Y轴值显示在悬停标签中。我想在悬停标签中显示文本（Lose，Draw，Win）而不是Y轴值。我怎样才能做到这一点？

Answer 1

尝试为工具提示添加自定义回调，即在这种情况下，工具提示上没有标题只是轴标签。

tooltips: {
          callbacks: {
                title: function(tooltipItems, data) {
                  return '';
                },
                label: function(tooltipItem, data) {
                  return data.labels[tooltipItem.index];
                }
              }
      },