如何使用數(shù)據(jù)并在變量?jī)?nèi)部使用循環(huán)？我想在變量?jī)?nèi)部使用for循環(huán)將數(shù)據(jù)提供給變量，以便將數(shù)據(jù)提供給其內(nèi)部的多維數(shù)組我有這樣的代碼：window.onload = function () {var nape = ["per a", "per b"];var dp = [{'x':3,'y':5}];var chart = new CanvasJS.Chart("chartContainer", { animationEnabled: true, title:{ text: "Server Performance" }, axisX: { title:"Server Load (in TPS)" }, axisY:{ labelFormatter: function(e){ if(e.value==0){ a="Provinsi" return a; }else if(e.value==1){ a="Aceh" return a; }else if(e.value==2){ a="Maluku" return a; }else if(e.value==3){ a="NTT" return a; }else if(e.value==4){ a="NTB" return a; }else if(e.value==5){ a="Jakarta" return a; }else if(e.value==6){ a="Sumatera" return a; }else if(e.value==7){ a="Kalimantan" return a; } }, title: "Response Time (in ms)", interval: 1, }, data: [{ "type": "scatter", toolTipContent: "<span>{name}</span><br/> Load: {x} TPS<br/> Response Time:</span> {y} ms", name: nape[0], showInLegend: true, dataPoints: [ { x: 23, y: 1 }, { x: 28, y: 2 }, { x: 39, y: 3 }, { x: 34, y: 4 }, { x: 24, y: 5 }, { x: 29, y: 6 }, { x: 29, y: 1 }, { x: 23, y: 2 }, { x: 27, y: 3 }, { x: 34, y: 4 }, { x: 36, y: 5 }, { x: 33, y: 6 }, { x: 32, y: 1 }, { x: 21, y: 2 } ] },循環(huán)，我已經(jīng)嘗試了幾種方法，但似乎很可惜，有人可以幫我嗎？
1 回答
BIG陽(yáng)
TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊
一種方法是編寫(xiě)一個(gè)函數(shù)，并將要插入的數(shù)據(jù)傳遞給對(duì)象。在函數(shù)內(nèi)部，添加必填字段并返回?cái)?shù)組。
var sampleData = [{
name: 'Jon'
}, {
name: 'Bob'
}]
var result = [{
data: processData(sampleData)
}];
function processData(data) {
let tmp = [];
data.forEach(e => {
tmp.push({
"type": "scatter",
toolTipContent: "<span>{name}</span><br/> Load: {x} TPS<br/> Response Time:</span> {y} ms",
name: e.name,
})
});
return tmp;
}
console.log(result);
第二種方法是使用IIFE聲明，如下所示
var sampleData = [{
name: 'Jon'
}, {
name: 'Bob'
}]
var result = [{
data: (function(data) {
let tmp = [];
data.forEach(e => {
tmp.push({
"type": "scatter",
toolTipContent: "<span>{name}</span><br/> Load: {x} TPS<br/> Response Time:</span> {y} ms",
name: e.name,
})
});
return tmp;
})(sampleData)
}];
console.log(result);
- 1 回答
- 0 關(guān)注
- 114 瀏覽
添加回答
舉報(bào)
0/150
提交
取消