Angular6: @ViewChildren и HighCharts

Question

Я пытаюсь динамически создавать несколько диаграмм в одном и том же компоненте, используя высокие диаграммы.Итак, с помощью * ngFor в моем шаблоне я пытаюсь использовать аннотацию @ViewChildren.

Когда я просто хотел отобразить одну диаграмму, мне просто нужно было использовать @ViewChild и this.chart = chart(this.chartTarget.nativeElement,this.options); после определенияoption моего графика.

Что я пробовал:

component.ts

@ViewChildren('chartTarget') chartTargets: QueryList<ElementRef>;
public defects: Array<Defect>;

displayChart() {
    this.defects.forEach((def: Defect) => {
        this.option = {...}
        this.chart = chart(this.chartTargets.toArray()[0].nativeElement,this.options);
    }
}

Я также пробовал это:

ngAfterViewChecked() {
    this.chart = chart(this.chartTargets.toArray()[0].nativeElement,this.options);
}

component.html

<div #chartTarget *ngFor="let def of defects | keyvalue"></div>

Я получаю эту ошибку:

Cannot read property 'nativeElement' of undefined

Заранее спасибо