Anuglar5 HttpClientを取得する - 私は、リアルタイムCPU使用率チャートを実装しようとしている数

Question

に応答を変換する方法は、しかし、私はトラブル観測から値そのものを圧迫する方法を考え出すを持っています。

マイget呼び出しは、単一の番号を返します。 は、理想的には私はストレートaddPointメソッドからのgetData関数を呼び出したいです。

それは可能ですか？何が間違っていますか？

ngAfterViewInit() { 
    this.addPoint(); 
} 

addPoint() { 
    this.interval = setTimeout(() => { 
     this.chart.addPoint(this.getData(), 0, true, this.chart.ref.series[0].data.length > 10);    
    }, 1000); 
} 

getData() { 
    return this.http.get<Number>('http://localhost:5000/cpu_usage');   
} 

Answer 1

httpリクエストを購読して、データを受信した後にポイントを追加してみませんか？

addPoint() { 
    this.getData().subscribe(point => { 
     this.chart.addPoint(point, 0, true, this.chart.ref.series[0].data.length > 10) 
    }); 
}