Tengo un gráfico de líneas de SciChart https://www.scichart.com/ en la aplicación React Native. Y, por lo general, obtenga alrededor de 3500 objetos de la API Rest con el siguiente tipo:

 interface ChartItem { time: Data; value: number; } type ChartData = ChartItem[]

Y después, cuando obtengo los datos en la parte frontal, hice un mapa, porque necesito modificar los datos a ISOString con moment.js https://momentjs.com/ así:

 public get chartData() { return this.data.map((el) => ({ time: moment(el.date).toISOString(true), value: el.value, })); }

Los datos del servidor suelen llegar rápido, pero la representación del gráfico es muy lenta. Tarda unos 15-30 segundos. Y además, es muy lento y pesado para el diseño cambiar la orientación del modo vertical al horizontal y viceversa. ¿Qué creen ustedes, chicos, cuál es la mejor manera de mejorar el rendimiento de los datos en esta situación? ¿Qué hay de disminuir la longitud de los datos del servidor y cuál sería la mejor longitud de matriz para el gráfico de líneas? ¿Y tal vez para hacer la modificación de datos en la parte de backend y enviarla al frente? ¿O tal vez sabe de qué manera será más rápido para la iteración en la matriz larga?