title: Using Chart.js 2.0, display line chart values
body: <p>I am trying to get Chart.js 2.0 to display point values in a line chart using the animation onComplete function.  I found a post making it work using 1.02, <a href="https://stackoverflow.com/questions/31631354/how-to-display-data-values-on-chart-js">how to display data values on Chart.js</a>, but I am unable to make it work in v2.  </p>
  
  <p>My failing fiddle is at <a href="https://jsfiddle.net/7oghxjxs/4/" rel="nofollow noreferrer">Line Chart v2</a>.  Any help would be appreciated.</p>
  
  <pre><code>var chartData = {
  
  
  labels: ["January", "February", "March", "April", "May", "June"],
    datasets: [{
      label: "Buttons",
      strokeColor: "#79D1CF",
      tension: 0,
      fill: false,
      data: [60, 80, 81, 56, 55, 40]
    }, {
      label: "Zipppers",
      strokeColor: "rgba(255,255,0,1)",
      tension: 0,
      fill: false,
      data: [50, 75, 42, 33, 80, 21]
    }]
  };
  
  var options = {
    animation: {
      onComplete: function() {
        var ctx = this.chart.ctx;
        ctx.font = this.scale.font;
        //alert(ctx.font);
        ctx.fillStyle = this.scale.textColor
        ctx.textAlign = "center";
        ctx.textBaseline = "bottom";
        var datasetName = chartData.data.datasets[0].label;
        alert(chartData.data.datasets[0].label)
        myLine.data.datasets.forEach(function(dataset) {
          ctx.fillStyle = dataset.strokeColor;
          dataset.points.forEach(function(points) {
            ctx.fillText(points.value, points.x, points.y - 10);
          });
        })
      }
    }
  };
  
  
  Chart.defaults.global.responsive = true;
  Chart.defaults.global.maintainAspectRatio = true;
  Chart.defaults.global.title.display = true;
  Chart.defaults.global.title.text = "My Chart";
  Chart.defaults.global.title.fontSize = 30;
  Chart.defaults.global.legend.position = "bottom";
  Chart.defaults.global.hover.mode = "label";
  Chart.defaults.global.tooltips.enabled = true;
  
  
  var ctx = document.getElementById("myChart1").getContext("2d");
  var myLine = new Chart(ctx, {
    type: 'line',
    data: chartData,
    options: options
  });
  </code></pre>