angular - 带有Angular的highcharts将http值获取到打字稿

Question

我想为打字稿获取http值使用它。我的js代码

[{"ID":"1","hee":"S1","thid":"wqriehjfeoghetiogjetlgj","thinfo":"hello"},{"ID":"2","hee":"S2","thid":"moiiooofgijtigjw","thinfo":"hiiii"}]

我的highcharts代码

@Component({ 
 selector: 'app-basic-column', 
 templateUrl: './basic-column.component.html', 
 styleUrls: ['./basic-column.component.scss'] 
}) 
export class BasicColumnComponent implements OnInit { 

 Idata=[];
 
 chartOptions = {}; 
 
 Highcharts = Highcharts; 
 
 @Input() data = []; 
 constructor(private http: HttpClient) { 
    this.http.get('http://localhost/php/test.php').subscribe(Idata => {
    this.Idata.push(Idata);
    console.log(this.Idata);
    }, error => console.error(error));
}
 ngOnInit(): void { 
  this.chartOptions = { 
    chart: { 
        type: 'bar' 
     }, 
    title: { 
        text: this.Idata  <<<<<<<<<<<<<<<<<<<< I want to change it.
    }, 
 subtitle: { 
        text: 'Source: HP Security Validation Lab' 
 }
} 

我想更改数据但输出的标题是[object object]，[object object] 我的PHP代码是SQL代码。数据更改为 PHP 数据。打字稿需要修改吗？还是我的php代码需要修改？