Estoy tratando de crear la interfaz de usuario para mostrar el gráfico de líneas de los ejes X e Y usando Svg Charts en React Native como se muestra en la captura de pantalla adjunta. Tengo una matriz para los ejes x e y respectivamente. Ejemplo:

 var xAxisData = [1.002, 1.045, 1.084, 2.08, 2.021, .... so on] // price list var yAxisData = [12-11-2021, 13-11-2021, 14-11-2021, 18-11-2021, .... so on] // dates

Tracé el gráfico del eje y para eso, filtré y clasifiqué la matriz según la fecha y algún intervalo, por lo que mostraré solo algunas fechas como intervalos en el eje y, por ejemplo, mi fecha de inicio es el 20 de abril y la fecha de finalización. es el 20 de julio. El eje y trazado se mostrará como para solo 4 fechas como 4 intervalos en el período de 4 meses.

Pero ahora necesito trazar el gráfico del eje x, me estoy atascando sobre qué base filtrará u ordenará la matriz del eje x dentro de algún intervalo o valor.

Nota : no quiero mostrar ni trazar todos los valores de la matriz para los ejes x e y. Mi requisito es necesario para mostrar los valores de los ejes x e y en algunos intervalos

¿Alguien puede ayudar con lo mismo?