Implementé un gráfico de barras en react.js y quiero descubrir cómo puedo desplazarme en el eje x cuando los valores son cada vez más. En el cuadro a continuación, tengo algunos valores de búsqueda que el usuario hace en un día. Hasta ahora tengo más de 100 días y creo que mi problema será mayor hasta que lleguemos a fin de año cuando tendré más valores en el eje x.

Mi código para el gráfico y las opciones están a continuación.

 const options = { responsive: true, plugins: { title: { display: true, }, }, };

 const dataForSearchBins = { labels, datasets: [ { label: "Number of searches", data: searchBins?.map((item) => item.value), backgroundColor: "lightBlue", }, ], };

 <Stack> <Text style={{ textAlign: "center" }}>{`Number of clicks per ${binSize.toLowerCase()}`}</Text> <Bar options={options} data={data} /> <Box mb={6} /> </Stack>