我按照教程如何在 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 不可迭代
有人可以指出我正確的方向嗎？
uj5u.com熱心網友回復：
for (var i of json.data) {
// ...
// Should become:
for (var i of json) {
// ...
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/442789.html
上一篇：Ajax將多個資料發布到燒瓶