Estoy usando Recharts Library para el gráfico en ReactJS. Hay un problema extraño al establecer intervalos para el eje Y. Hay pocas opciones disponibles "preserveStart" | "preserveEnd" | "preserveStartEnd" | Número. Para mí, esto no está funcionando.

He adjuntado un par de pantallas para mostrar lo que espero y lo que obtengo.

Expectativa Expectativa

Real Actual

Nota: Debido a la confidencialidad del proyecto, no puedo poner el código aquí. Avíseme si se requiere más información.

1
Sunny Vaghadia 24 ago. 2020 a las 08:10

1 respuesta

La mejor respuesta

Para ver un número determinado de tics en el eje Y, debe usar los accesorios tickCount: el número de ticks que se mostrarán (por defecto, es 5).

Entonces, su eje Y debería verse así:

<YAxis tickCount={10} />

Los accesorios interval le permiten mostrar solo una parte de los ticks; '0' mostraría todo, '1' mostraría la mitad (1 cada 2 tics), etc.

3
Orlyyn 15 sep. 2020 a las 12:44