title: ChartJS: Show all tooltips with Total for Multi Pie chart
body: <p>I have a Pie chart with multiple rings and created a Custom Tooltips function with below code:</p>
  
  <pre><code>function tooltipWithTotalP(tooltipItem, data) { 
  var label = data.labels[tooltipItem.index];
  var values = data.datasets[tooltipItem.datasetIndex].data;
  var value = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
  var total = 0;
  for (var i in values) {
      total += values[i];
  }
  var percentage = Math.round((value / total) * 100);
  var totally = total.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  
  if (tooltipItem.datasetIndex !== data.datasets.length - 1) {
      return label + " : " + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + ' (' + percentage + '%)';
  } else {
      return [label + " : " + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + ' (' + percentage + '%)', "Total : " + totally];
  }
  }
  </code></pre>
  
  <p>The above function is expected to show all the Label values with Total at bottom from the PieChart, but it is showing only individual Values from First Dataset and individual values + Total from second Dataset.</p>
  
  <p>Individual lebels are showing as Undefined.</p>
  
  <p>Here is the JSfille <a href="https://jsfiddle.net/kingBethal/x03w2qbk/40/" rel="nofollow noreferrer">https://jsfiddle.net/kingBethal/x03w2qbk/40/</a></p>