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

时间:2019-03-05 08:19:10

标签: chart.js

我做了一个折线图。在该图表中,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轴值。 我该怎么办?

1 个答案:

答案 0 :(得分:0)

尝试为工具提示添加自定义的回调,即在这种情况下,工具提示中的标题仅是轴标签。

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