title: Show count concatenated to labels using chart.js
body: <p>I am using Chart.js to construct pie chart, is there any way to concatenate the Count to the label (Displaying numbers and percentages in a pie chart legend)?   </p>
  
  <pre class="lang-js prettyprint-override"><code>createChart : function() {
      debugger;
      var chartData = [60, 90, 120, 150];
      var chartLabels = ['apples','bananas','oranges','pears'];
      var chartCanvas = component.find("chart").getElement();
  
      var chart = new Chart(chartCanvas, {
          type: 'pie',
          data: {
              labels: chartLabels,
                  datasets: [
                      {
                          label: "test",
                          data: chartData,
                          borderWidth: 0,
                          backgroundColor: [
                              "#f43004",
                              "#decf3f",
                              "#FFA500"
                          ]
                      }
                  ]
              },
              options: {
                  cutoutPercentage: 1,
                  maintainAspectRatio: false,
                  legend: {
                      display: true,
                      position:'right',
                      fullWidth:false,
                      reverse:true,
                      labels: {
                          fontColor: '#000',
                          fontSize:10,
                          fontFamily:"Arial, sans-serif SANS_SERIF"
                      },
                      layout: {
                          padding: 70,
                      }
                  }
              }
          });
      }
  </code></pre>
  
  <p>I am trying to construct chart like this:</p>
  
  <p><img src="https://i.stack.imgur.com/xsvys.png" alt=""></p>
  
  <p>Please provide any suggestions or pointers to achieve this. </p>
  
  <p>Thank you in advance.</p>