Показать данные в графике плавания /ngx-Angular 4

Question

Впервые я использую "swimlane/ngx-charts" и хочу показать данные, которые я сгенерировал при запуске кода. В консоли я не получаю никакой ошибки, но я не получаю "ngx-charts-pie-chart".

Код HTML:

<ngx-charts-pie-chart
         [view]="view"
         [scheme]="colorScheme"
         [results]="infoChartsFree"
         [explodeSlices]="explodeSlices"
         [labels]="showLabels"
         [doughnut]="doughnut"
         [gradient]="gradient">
       </ngx-charts-pie-chart>

Код status-parking.ts:

view: any[] = [700, 400];

  // options

  colorScheme = {
    domain: ['#ff0909','#048506','#000274','#ff5309','#00ff04','#0004ff']
  };

  // pie
  showLabels = true;
  explodeSlices = false;
  doughnut = false;

public getFree(idZone:number){
    let freeObs=this._iTipologiazona.getnumberFree(idZone);
    freeObs.subscribe(data=>{
      this.status=data;
      let tipo_veicolo:string;
      let c:number=0;
      for(var i=0; i<this.status.length;i++){
        tipo_veicolo=this.status[i].tipo.charAt(0).toUpperCase()+this.status[i].tipo.slice(1).toLowerCase();
        c=c+this.status[i].occupati;
        this.status[i].tipo=tipo_veicolo;
        var free="Posti "+tipo_veicolo + " liberi";
        var notFree="Posti "+tipo_veicolo + " occupati";
        this.infoChartsFree.push(new InfoCharts());
        this.infoChartsFree[i].name=free;
        this.infoChartsFree[i].value=this.status[i].totale-c;
        this.InfoChartsNotFree.push(new InfoCharts());
        this.InfoChartsNotFree[i].name=notFree;
        this.InfoChartsNotFree[i].value=c;

        this.infocharts.push(this.infoChartsFree[i]);
        this.infocharts.push(this.InfoChartsNotFree[i]);
      }

      this.jsonInfoCharts=JSON.stringify(this.infocharts)
      Object.assign(this.infoChartsFree)

      console.log(this.jsonInfoCharts);
      this.total_notfree=c;
      this.total_free=this.totale-this.total_notfree;

    })
  }

Это то, что я получаю в консоли: https://ibb.co/hymKum