我正在使用 ng2-chart 库,我想将信息从父组件传递到子组件。这些信息是从为我提供数据的 API 中获得的。但它没有加载信息:
export class PruebasComponent implements OnInit {
lineChartData: ChartDataSets[];
lineChartLabels: Label[];
在ngOnInit
里面我得到了日期
ngOnInit() {
this.loading = true;
this.datos.getDesktopLimit().subscribe(
res => {
this.loading = false;
this.data = [res];
this.dataSource = this.data[0];
this.barChartData = true;
this.getFilter(this.dataSource);
}
)
}
通过该功能,我可以getFilter()
修改要发送的数据:
getFilter(data) {
data.sort((a, b) => a.id - b.id);
for (let entry of data) {
this.date.push(moment(entry.created).format('DD-MM-YYYY HH:mm'))
this.time.push(entry.total_load_time * 0.001)
}
this.lineChartData = [{ data: this.time, label: 'Time Render' }] /* [ { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' }] */;
this.lineChartLabels = this.date;
this.loading = false
}
[datasets]
发送空数据
<app-graphic [datasets]="[lineChartData]" [labels]="lineChartLabels"></app-graphic>
尝试加载您的组件,直到数据已加载到您的变量中,因为我看到您使用“加载”变量