Anuglar5 HttpClient获取 - 如何将响应转换为数字

Question

我试图实现实时cpu使用率图表，但是我无法弄清楚如何从Observable中挤出值本身。

我的来电回复一个号码。 理想情况下，我想直接从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)
    });
}