Chart.js #6316

by Akihiko Kusanagi

HTML

<script src="https://www.chartjs.org/dist/master/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels"></script>
<div>
  <canvas id="chart"></canvas>
</div>

JavaScript

new Chart(document.getElementById("chart"), {
  type: 'line',
  data: {
    labels: ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'],
    datasets: [{
      data: [12, 19, 3, 5, 2, 3, 8],
      datalabels: {
      	align: 'top',
        offset: function(context) {
          var scale = context.chart.scales['y-axis-0'];
          var index = context.dataIndex;
    			var value = context.dataset.data[index];
          return scale.getPixelForValue(value) - scale.top - 18.4;
        }
      }
    }]
  },
  options: {
    legend: {
      display: false
    },
    scales: {
      yAxes: [{
        display: false
      }]
    }
  }
});