title: Chart.js 2.0 doughnut tooltip percentages
body: <p>I have worked with chart.js 1.0 and had my doughnut chart tooltips displaying percentages based on data divided by dataset, but I'm unable to replicate this with chart 2.0.</p>
  
  <p>I have searched high and low and have not found a working solution. I know that it will go under options but everything I've tried has made the pie dysfunctional at best.</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;Doughnut Chart&lt;/title&gt;
      &lt;script src="../dist/Chart.bundle.js"&gt;&lt;/script&gt;
      &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;style&gt;
      canvas {
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none;
      }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="canvas-holder" style="width:75%"&gt;
          &lt;canvas id="chart-area" /&gt;
      &lt;/div&gt;
      &lt;script&gt;
      var randomScalingFactor = function() {
          return Math.round(Math.random() * 100);
      };
      var randomColorFactor = function() {
          return Math.round(Math.random() * 255);
      };
      var randomColor = function(opacity) {
          return 'rgba(' + randomColorFactor() + ',' + randomColorFactor() + ',' + randomColorFactor() + ',' + (opacity || '.3') + ')';
      };
  
      var config = {
          type: 'doughnut',
          data: {
              datasets: [{
                  data: [
                      486.5,
                      501.5,
                      139.3,
                      162,
                      263.7,
                  ],
                  backgroundColor: [
                      "#F7464A",
                      "#46BFBD",
                      "#FDB45C",
                      "#949FB1",
                      "#4D5360",
                  ],
                  label: 'Expenditures'
              }],
              labels: [
                  "Hospitals: $486.5 billion",
                  "Physicians &amp; Professional Services: $501.5 billion",
                  "Long Term Care: $139.3 billion",
                  "Prescription Drugs: $162 billion",
                  "Other Expenditures: $263.7 billion"
              ]
          },
          options: {
              responsive: true,
              legend: {
                  position: 'bottom',
              },
              title: {
                  display: false,
                  text: 'Chart.js Doughnut Chart'
              },
              animation: {
                  animateScale: true,
                  animateRotate: true
              }
  
          }
      };
  
      window.onload = function() {
          var ctx = document.getElementById("chart-area").getContext("2d");
          window.myDoughnut = new Chart(ctx, config);{
  
          }
      };
  
  
      &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>