如何访问对象 json 数组中的一个元素并将此数据绑定到 Ionic 6 / Chartjs 的 X 轴上？

Question

我正在学习如何在 ionic 6 中使用 ChartJS 的教程。我有这样的 json 响应：

[
    {
        "id": "1",       
        "name": "Fruit",
        "last_updated": "2022-03-13T20:13:12.322Z"
    }
]

我只想在我的响应中包含 "last_updated" 并将其转换为数组并使用 ChartJS 框架将其绑定到图表中的 X 轴。

这是我获取元素并将其转换为数组的代码：

getLastUpdated() {
    var json;
    this.http.get(httpurl)
      .subscribe(data => {
        json = data;
        var datarray = [];
        for (var i of json.data) {
          datarray.push(i.last_updated)
          console.log(datarray);
        }

      })
  }

然后我通过这样的服务调用这个方法：

this.dataService.getLastUpdated();

像这样绑定此数据：

lineChartMethod() {
    this.lineChart = new Chart(this.lineCanvas.nativeElement, {
      type: 'line',
      data: {
        labels: dataarray,
        datasets: [
          {
            label: 'Test',
            data: [65, 59, 80, 81, 56, 55, 40, 10, 5, 50, 10, 15],

          }
        ]
      }
    });
  }

在我的 HTML 页面中，我将图表呈现如下：

 <canvas #lineCanvas></canvas>

我的控制台出现这样的错误：

错误类型错误：json.data 不可迭代

有人能指出我正确的方向吗？

Answer 1

for (var i of json.data) {
// ...

// Should become:

for (var i of json) {
// ...

如何访问对象 json 数组中的一个元素并将此数据绑定到 Ionic 6 / Chartjs 的 X 轴上？

How to access one element in a object json array and bind this data on the X-axis in Ionic 6 / Chartjs?

html

android

typescript

ionic-framework

angular