How to customize y-axis labels on a chart.js line chart?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

var chartData = {
  labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
  datasets: [{
    label: 'My Dataset',
    data: [10, 15, 7, 12, 9],
    borderColor: 'red',
    fill: false
  }]
};

var chartOptions = {
  scales: {
    yAxes: [{
      ticks: {
        // Customize y-axis label format
        callback: function(value, index, values) {
          return value + '°C';
        }
      }
    }]
  }
};

var lineChart = new Chart(document.getElementById('myLineChart'), {
  type: 'line',
  data: chartData,
  options: chartOptions
});