Angular 2/4/5/6 - Beberapa bagan untuk chart.js di kanvas yang sama

PEMBARUAN

Saya menggunakan grafik primeng sebagai solusinya.

Saya menginisialisasi objek bagan (data) dan memasukkannya ke dalam array bagan (dataArray).

<div *ngFor="let data of dataArray; let i=index">
    <p-chart #chart type="pie" [data]="dataArray[i]" [options]="optionsArray[i]" width="600" height="600"></p-chart>
  </div>

Pertanyaan Awal

Bagaimana Anda mencetak beberapa grafik chart.js di kanvas yang sama?

kanvas.component.html

<div>
   <canvas #canvas>{{charts}}</canvas>
</div>

kanvas.component.ts

export class CanvasComponent implements OnInit, AfterViewInit {

charts: Chart[] = []; //assume populated
@ViewChildren("canvas") canvas;

constructor(){}

ngAfterViewInit() {
  console.log(this.canvas); //gives me a query list?
}

Daftar kueri terlihat seperti ini:

Masalah serupa di sini tetapi solusinya tidak jelas, saya sangat menghargai bantuan Anda! Chart.js + Angular 5 - membuat beberapa bagan dinamis