无法访问 chart.js 集合中的数据

Question

我正在尝试访问集合中的数据以使用 chart.js 和 MEAN 堆栈显示在图表中。我正在检索存储在数据库中的数据集合，但是当我尝试显示特定数据变量时，它没有显示任何内容。这是正在记录的数据集合：

这是关联的组件打字稿代码：

ngOnInit(): void {
    this.chartService.noOfEqu().subscribe(res=>{
      console.log(res);
      let areaCode = res['list'].map(res=>res.areaCode)
      let inoperEqu = res['list'].map(res=>res.inoperEqu)
      let operEqu = res['list'].map(res=>res.operEqu)
      let date = res['list'].map(res=>res.eventDate)
      
      let Dates = []
      date.forEach((res) => {
        let jsdate = new Date(res *1000)
        Dates.push(jsdate.toLocaleTimeString('en', {year: 'numeric', month: 'short', day:'numeric' }))
        
      });
console.log(Dates)
console.log(areaCode)
          })
      }
    }

但是控制台中不显示日期和区号。

Answer 1

删除“列表”并将 areaCode 替换为 area

ngOnInit(): void {
    this.chartService.noOfEqu().subscribe(res=>{
      console.log(res);
      let areaCode = res.map(res=>res.area)
      let inoperEqu = res.map(res=>res.inoperEqu)
      let operEqu = res.map(res=>res.operEqu)
      let date = res.map(res=>res.eventDate)
      
      let Dates = []
      date.forEach((res) => {
        let jsdate = new Date(res *1000)
        Dates.push(jsdate.toLocaleTimeString('en', {year: 'numeric', month: 'short', day:'numeric' }))
        
      });
console.log(Dates)
console.log(areaCode)
          })
      }
    }

无法访问 chart.js 集合中的数据

Unable to access data in collection for chart.js

html

angular

typescript

chart.js

mean