第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

Chart.js,返回一個(gè)“日期”數(shù)組來繪制折線圖

Chart.js,返回一個(gè)“日期”數(shù)組來繪制折線圖

嗶嗶one 2022-12-22 11:39:11
在數(shù)據(jù)庫中,我有 3 個(gè)數(shù)據(jù),我通過 Rest-API 將它們發(fā)送到前端 Angular。這很好用。在瀏覽器控制臺(tái)中,您可以看到我通過 Rest-API 通過 node.js 獲得的所有三個(gè)數(shù)據(jù)集: 它在瀏覽器控制臺(tái)中的外觀瀏覽器控制臺(tái)中的結(jié)果如下所示:0:device_id: 2885679list: Array(1)0:dt: 1596608643main:humidity: 10pressure: 7.86temp: 120.052temp_max: 40.052temp_min: 20.052__proto__: Object__proto__: Objectlength: 1__proto__: Array(0)message: "1"__v: 0_id: "5f2a63857ce17d64d49465a4"在 typescript 組件 xy.component.ts 中,我的代碼如下所示:export class ContactsComponent {  chart: any = [];  constructor(private contactService: ContactService) { }  ngOnInit() {    this.contactService.getContacts()      .subscribe((res: any[]) => {        console.log(res);        for (let i = 0; i < res.length; i++) {          let temp_max = res[i]['list'].map(res => res.main.temp_max);          let temp_min = res[i]['list'].map(res => res.main.temp_min);          let alldates = res[i]['list'].map(res => res.dt)          console.log(alldates)          let deviceData = []          alldates.forEach((res) => {            let jsdate = new Date(res * 1000)            deviceData.push(jsdate.toLocaleTimeString('en', { year: 'numeric', month: 'short', day: 'numeric' }))          })          console.log(deviceData)                    this.chart = new Chart('canvas', {            type: 'line',            data: {              labels: deviceData,              datasets: [{                data: temp_max,                borderColor: '#3cba9f',                fill: false              }, {                data: temp_min,                borderColor: '#ffcc00',                fill: false              },              ]            },為什么console.log(deviceData)只返回迭代的最后一個(gè)值?我想返回所有值console.log(devicedata)以繪制基于 3 個(gè)時(shí)間戳的圖形。在這里,當(dāng)我只返回 1 個(gè)時(shí)間戳?xí)r。它以某種方式覆蓋了 deviceData.push - Methode 的值。我的目標(biāo)是繪制我擁有的所有數(shù)據(jù)點(diǎn)(請(qǐng)參閱瀏覽器控制臺(tái)的屏幕截圖)。
查看完整描述

1 回答

?
汪汪一只貓

TA貢獻(xiàn)1898條經(jīng)驗(yàn) 獲得超8個(gè)贊

似乎每個(gè)對(duì)象res都有一個(gè)只有一個(gè)項(xiàng)目的列表。

(res[i]['list']是一個(gè)長度為 1 的數(shù)組)


嘗試記錄這個(gè):(

這會(huì)獲取每個(gè)項(xiàng)目的所有值并將它們放在一個(gè)列表中)


let allvalues = [];

for (const item of res) {

  for (const measurement of item.list) {

    allvalues.push(measurement)

  }

}


console.log(allvalues);


查看完整回答
反對(duì) 回復(fù) 2022-12-22
  • 1 回答
  • 0 關(guān)注
  • 101 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)