typescript 如何将http请求的输出保存在数组中?

hmae6n7t  于 2022-11-30  发布在  TypeScript
关注(0)|答案(1)|浏览(132)

我有一个Angular应用程序,在其中我正在做一个http请求。这个请求的输出是一个类型:对象。当我console.log数据时,我可以看到它是一个对象数组。我现在的问题是:如何保存数据以便以后在图表中显示?
下面是我的代码:

setInterval(() => { 
        // API request
        this.service.getMesswerte().subscribe({
          next: data => {
              this.chartData = data;
              console.log(this.chartData);

          }
        })
       }, 10000)

下面是console.log的输出:

(5) [{…}, {…}, {…}, {…}, {…}]
0: {id: 4, temperatur: 25.9, luftfeuchtigkeit: 90, co2: 20.6, becken: 83, …}
1: {id: 5, temperatur: 25.9, luftfeuchtigkeit: 90, co2: 20.6, becken: 83, …}
2: {id: 6, temperatur: 25.4, luftfeuchtigkeit: 91, co2: 19.8, becken: 80, …}
3: {id: 7, temperatur: 23.1, luftfeuchtigkeit: 90, co2: 3.8, becken: 87, …}
4: {id: 8, temperatur: 24.3, luftfeuchtigkeit: 95, co2: 120.4, becken: 98, …}
length: 5
[[Prototype]]: Array(0)
xkrw2x1b

xkrw2x1b1#

我不明白你到底需要什么,但你可以像这样存储数据来建立一个图表:

//Add interface on the top 
export interface Result : {
id: number,
//other fields ..

}
//@Component....

  
data: any[] = [];
setInterval(() => {      
this.service.getMesswerte()
.subscribe({
          next: result=> {
      this.data = [];
      for (let row in result as Result[]) {
        this.data.push([
          result[row].temperatur,
          result[row].luftfeuchtigkeit,
      //other attr...
        ]);
      }

          }
        })
       }, 10000)

相关问题