Estoy obteniendo un array desde una base de datos (en orden descendente) y los pinto en el front en una tabla y en un grafico como se muestra en la imagen:
pero en la parte de la grafica quiero ordenalo de forma ascendente y hago lo siguiente:
export class PruebasComponent implements OnInit {
data: any[];
dataSource: PeriodicElement[] = [];
lineChartData: ChartDataSets[];
.......
ngOnInit() {
this.loading = true;
this.datos.getDesktopLimit().subscribe(
res => {
this.loading = false;
this.data = [res];
this.dataSource = this.data[0]; //aqui almaceno el arreglo y lo paso al componente html
this.barChartData = true;
this.getFilter(this.dataSource); // ejecuto la funcion getFilter()
}
)
}
con un sort lo ordeno de forma ascendente para pasarlo a la grafica
getFilter(data) {
console.log(data);
data.sort((a, b) => a.id - b.id); //ordenar de forma ascendente para la grafica
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' }];
this.lineChartLabels = this.date;
this.loading = false
}
Efectivamente me lo ordena pero la tabla tambien se ordena de forma ascendente