图表中两级甜甜圈图上的回调



如何在chartjs中的双甜甜圈图上实现正确的回调?

我只知道做这样的事情的方法:

options: {
    tooltips: {
      callbacks: {
        label: function (tooltipItems, data) {
          return data.datasets[0].data[tooltipItems.index] + 'h';
        }
      }
    }
  }

但显然它无法正常工作。因为它从第一个甜甜圈图(data.datasets[0].data(返回数据,并为两个图表返回数据。如何分别返回两个图表的数据?

好吧,这很简单,只需使用 .datasetIndex:

label: function (tooltipItems, data) {
          return data.datasets[tooltipItems.datasetIndex].data[tooltipItems.index] + 'h';
        }

最新更新