chart-outside-zone.ts

import { Component, OnInit, ViewChild, ElementRef, NgZone } from '@angular/core';
 
import * as Chart from 'chart.js';
 
@Component({
  selector: 'app-line-chart',
  template: `
    <canvas #canvas></canvas>
  `
})
export class LineChartComponent implements OnInit {
  @ViewChild('canvas')
  public canvas: ElementRef<HTMLCanvasElement> = null;
 
  private options = {
    ...
  };
 
  constructor(private zone: NgZone) {}
 
  public ngOnInit(): void {
    const ctx = this.canvas.nativeElement.getContext('2d');
 
    this.zone.runOutsideAngular(() => {
      new Chart(ctx, this.options); // GOOD!
    });
  }
}