Cannot read property 'getElementAtEvent' of undefined

Ionic Framework ionic-v3
1

I am getting this error when trying to call a function of chart using chart.js, this is how the code looks like, simplified:

    export class TrackerPage {
      @ViewChild('doughnutCanvas') doughnutCanvas;
      doughnutChart: any;

      this.doughnutChart = new Chart(this.doughnutCanvas.nativeElement, {
      type: 'doughnut',
      data: {
        labels: this.titles,
        datasets: [{
          data: this.times,  
        }]
      },
      options: {
        onClick: this.timeSlotEdit,
      }
    });

      timeSlotEdit(event, array){
        let activeElement = this.doughnutChart.getElementAtEvent(event);
        console.log(activeElement);
2

For those whom still looking for a solution to the same problem,
try appending ‘bind(this)’ to the callback function

eg.

options: {
onClick: this.timeSlotEdit.bind(this),
}