title: How to add Percentage and Total on the Legend of Google Pie Charts
body: <p>I have a page that displays data in a form of a Pie Chart. I use Google Charts to do this. Here's the code:</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://www.google.com/jsapi"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
        google.load("visualization", "1", {packages:["corechart"]});
        google.setOnLoadCallback(drawChart);
        function drawChart() {
          var data = google.visualization.arrayToDataTable([
            ['Goal Name', 'No. of times Requested'],
          ['Frank.net Life Cover', 226],
          ['Frank.net Hospital Cash Back', 147],
          ['Frank.net Salary Protection', 228],
          ['King Price Car Insurance', 328],
          ['Momentum Medical Aid', 493],
          ['Oplan Health Cover', 185],
          ['Youi Quote', 33],
          ]);
  
          var options = {
            title: 'Most Requested Sponsors'
          };
  
         var chart = new google.visualization.PieChart(document.getElementById('piechart2'));
          chart.draw(data, options);
        }
      &lt;/script&gt;
  &lt;div id="piechart2" style="width: 700px; height: 400px; position: relative;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And here's a working JS FIDDLE:</p>
  
  <p><a href="http://jsfiddle.net/yRdW3/" rel="noreferrer"><strong>http://jsfiddle.net/yRdW3/</strong></a></p>
  
  <p>Now, I need help on displaying the percentage and total next to each sponsor name on the legend. I have no idea how to achieve this. I want it to look similar to this:</p>
  
  <p><img src="https://i.stack.imgur.com/nbSgO.jpg" alt="enter image description here"></p>