Tengo una base de datos de firestore donde obtiene nuevos documentos cada segundo de otro servicio de gcp, estoy usando esos datos para trazar un gráfico de líneas en la aplicación front-end angular12. el problema que tengo es que el front-end está obteniendo todos los documentos de la base de datos que llena el gráfico con más de 1000 datos, traté de usar ref.limit pero luego no obtengo el documento más reciente y el gráfico sigue mostrando los mismos 10 objetos . ¿Alguien ha enfrentado el mismo problema y cuál sería el mejor enfoque?

en servicio.ts

 export class ChartsService { private itemsCollection: AngularFirestoreCollection<Item>; items: Observable<Item[]>; constructor(private afs: AngularFirestore) { this.itemsCollection = afs.collection<Item>('DCI2'); this.items = this.itemsCollection.valueChanges(); }

componente.ts

 ngOnInit(): void { this.ChartsService.getDocs().subscribe((data) => { this.items$ = data; if (this.items$) { this.items$.forEach((element) => { this.timestamp.push(element.timestamp); this.temp1.push(element.temp1); this.temp2.push(element.temp2) }); console.log(this.temp1); } }); }