chart-in-zone.ts

import { Component, OnInit, ViewChild, ElementRef } 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 = {
    ...
  };
 
  public ngOnInit(): void {
    const ctx = this.canvas.nativeElement.getContext('2d');
    new Chart(ctx, this.options); // BAD!
  }
}