{
"data": {
"success": true,
"timeseries": true,
"start_date": "2022-02-01",
"end_date": "2022-03-02",
"base": "RUB",
"rates": {
"2022-02-01": {
"USD": 0.012922641020611143
},
"2022-02-02": {
"USD": 0.013024953827785636
},
"2022-02-03": {
"USD": 0.013111232627449121
},
"2022-02-04": {
"USD": 0.013080360583812869
}
}
}
}
以上是從我的 axios 查詢回傳的 JSON。我嘗試使用回圈和 forEach 來捕獲圖表的 x、y 的日期和美元值，但我似乎無法同時獲得它們。以下是我到目前為止的圖表代碼。
function fnChart04() {
var chartArray = [];
var yesterday = moment().subtract(24, 'hours').format('YYYY-MM-DD');
var url = "https://commodities-api.com/api/timeseries?access_key=XYZed&start_date=2022-02-01&end_date=" yesterday "&base=RUB&symbols=USD";
var header = { headers: {'Accept': 'application/json; odata=nometadata'} };
axios.get(url, header).then(function (response) {
var results = response.data;
let rate = results.data.rates.USD;
let date = results.data.rates[0];
//issue is here - I cannot figure out how to loop through rates to separate the date and the USD value to add to the chartArray.
chartArray.push({x: date, y: rate});
new Chart(document.getElementById("myChart04"), {
type: 'line',
data: {
labels: chartArray.map(function(a) { return a.x; }),
datasets: [{
data: chartArray,
label: "RUB | USD",
borderColor: "#f93154",
backgroundColor: "#fee3e8",
fill: true
}]
},
options: {
response: true,
scales: {
y: {
beginAtZero: true
}
}
}
});
});
}
任何關于如何做到這一點的建議將不勝感激。我知道我錯過了一些簡單的東西。
uj5u.com熱心網友回復：
您可以回圈使用的鍵，rates然后Object.keys推到chartArray
let results = {
"data": {
"success": true,
"timeseries": true,
"start_date": "2022-02-01",
"end_date": "2022-03-02",
"base": "RUB",
"rates": {
"2022-02-01": {
"USD": 0.012922641020611143
},
"2022-02-02": {
"USD": 0.013024953827785636
},
"2022-02-03": {
"USD": 0.013111232627449121
},
"2022-02-04": {
"USD": 0.013080360583812869
}
}
}
}
let chartArray = [];
Object.keys(results.data.rates).forEach((key) => chartArray.push({x: key,y: results.data.rates[key]["USD"]}))
console.log(chartArray)轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/437299.html
標籤：javascript 阿贾克斯 图表.js