Chart.jsスライスオーバーでNaNの割合を取得

Question

chart.jsを使用してホバリングしたときにスライスの割合を表示しようとすると、いくつか問題が発生します。私のような上にマウスを移動一部：

var options = { 
      responsive: true, 
      // show percentage of slice when hover 
      tooltips: { 
      callbacks: { 
       label: function(tooltipItem, data) { 
        var allData = data.datasets[tooltipItem.datasetIndex].data; 
        var tooltipLabel = data.labels[tooltipItem.index]; 
        var tooltipData = allData[tooltipItem.index]; 
        var total = 0; 
        for (var i in allData) { 
         total += allData[i]; 
        } 
        var tooltipPercentage = Math.round((tooltipData/total) * 100); 
        return tooltipLabel + ': $ ' + tooltipData + ' (' + tooltipPercentage + '%)'; 
       } 
      } 
      } 
     }; 

は、私は、次のようなグラフをプロットすることができる午前：

値が正しいです。私が上に乗ると、その割合は私を返す、NaN。何か案は？

ありがとうございました！

Answer 1

これを試してみてください：

var options = { 
     responsive: true, 
     // show percentage of slice when hover 
     tooltips: { 
     callbacks: { 
      label: function(tooltipItem, data) { 
       var allData = data.datasets[tooltipItem.datasetIndex].data; 
       var tooltipLabel = data.labels[tooltipItem.index]; 
       var tooltipData = allData[tooltipItem.index]; 
       var total = 0; 
       for (var i=0; i<allData.length; i++) { 
        total += allData[i]; 
       } 
       var tooltipPercentage = Math.round((tooltipData/total) * 100); 
       return tooltipLabel + ': $ ' + tooltipData + ' (' + tooltipPercentage + '%)'; 
      } 
     } 
     } 
    };