我有一個組件從現有資料創建物件,如下所示:
sales: any = [];
this.mydata.price.forEach((salesData) => {
this.sales.push({
"name": new Date(salesData.date_ordered),
"value": salesData.unit_price
});
完成后,我得到一個像這樣的物件:
[
{
"name": "2021-09-26T21:20:23.807Z",
"value": "79.9900"
},
{
"name": "2021-09-29T18:33:28.683Z",
"value": "86.7576"
}
]
我正在嘗試在 NGX 折線圖中使用這些資料,因此我需要將其作為這樣的系列的一部分:
[
{
"name": "Sales",
"series": [
{
"name": "2021-09-26T21:20:23.807Z",
"value": "79.9900"
},
{
"name": "2021-09-29T18:33:28.683Z",
"value": "86.7576"
}
]
}
]
我如何修改我正在創建的物件,使其嵌套在另一個物件中?
uj5u.com熱心網友回復:
非常簡單,您只需稍微調整一下銷售陣列。我使用代碼https://stackblitz.com/edit/angular-ivy-thtzzm創建了這個 stackblitz
滿足您需要的代碼:
export class AppComponent implements OnInit {
sampleData: any = [
{ name: 'name 1', price: 50 },
{ name: 'name 1', price: 12 },
{ name: 'name 1', price: 5 },
{ name: 'name 1', price: 87 },
{ name: 'name 1', price: 99 },
];
sales: any = [{ name: 'Sales', series: [] }];
ngOnInit(): void {
this.sampleData.forEach((salesData) => {
this.sales[0].series.push({
name: salesData.name,
value: salesData.price,
});
});
}
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/449638.html
