title: How to add OnClick Event on labels in Chart.js v2.0?
body: <p>Looking For a method to add onClick handle on the "label" element in chartjs 2.0
  As using below method will return "undifined" in console.log whenever clicking on any one of the label attributes in Char.js V2.0 RadarChart.</p>
  
  <pre><code>var data = {
      // below line is the labels 
      labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
      datasets: [
          {
              label: "My First dataset", //this only shows as legend, not label.
  
              backgroundColor: "rgba(179,181,198,0.2)",
              borderColor: "rgba(179,181,198,1)",
              pointBackgroundColor: "rgba(179,181,198,1)",
              pointBorderColor: "#fff",
              pointHoverBackgroundColor: "#fff",
              pointHoverBorderColor: "rgba(179,181,198,1)",
              data: [65, 59, 90, 81, 56, 55, 40]
          },
         ....
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//Below is how to OnClick on chart points in chart.js V2, 
  //However, it didn't apply to labels, will return "undifined" .   
  $('#ChartV2').click(function(e) {
                  var activePoints = myRadarChart.getElementsAtEvent(e);                  
                  var firstPoint = activePoints[0];
                  console.log(firstPoint);
                  if (firstPoint !== undefined){
                     alert(firstPoint._index);                        
                  }
   });</code></pre>
  </div>
  </div>
  </p>