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

Question

我做了一个折线图。在该图表中，Y 轴值显示为特定文本。（赢、平局、输）请检查下面我的“yAxes option”代码：

...

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 轴值显示在悬停标签中。我想在悬停标签中显示文本（输、平局、赢）而不是 Y 轴值。我怎样才能做到这一点？

Answer 1

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

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