Data not binding to PivotTable in Angular

getReportData()
  {
    let infoJSON;
    infoJSON=  this.http.get(‘ourApiUrl’).subscribe(data => {
       console.log(data)
        
      });
      return infoJSON
    
  }
 
binding the above method to Pivot as below 
 
  public pivotReport = {
dataSource: {
    dataSourceType: “json”,
    data:this.getReportData()
}
..
…
…..
  };
 
HTML:
<fm-pivot #pivot 
[toolbar]=”true” 
[width]=”‘100%'” 
[height]=”500″ 
  [report]=”pivotReport”
  [customizeCell]=”onCustomizeCell”
  (ready)=”onPivotReady($event)”
  (beforetoolbarcreated)=”customizeToolbar($event)”>
</fm-pivot>
 
Showing an issue invalid JSON format with popup