0
428
Vistas¿Cómo aumentar el espacio del eje en los gráficos para adaptarse a otra etiqueta?
Estoy tratando de agregar otra etiqueta debajo de mi etiqueta X-Axis, pero se sigue cortando.
Aquí está mi código para mi XAxis:
<XAxis type="number" tick={<CustomizedNumberTick lang={props.language} />}> <Label style={{ fontSize: 12 }} value={chartTitle} position="insideTop" offset={-500} /> <Label style={{ fontSize: 12 }} value={props.formatMessage({ id: "kilograms" })} position="insideBottom" offset={-5} /> <Label style={{ fontSize: 12 }} value={props.formatMessage({ id: "myFooter" })} position="insideBottom" offset={-15} /> </XAxis>Intenté establecer la propiedad dy en el eje X en diferentes valores, pero no tuve suerte. Idealmente, me gustaría que encajaran tanto la etiqueta de kolograms como la de myFooter.
¡Cualquier ayuda es apreciada!
·
Santiago Gelvez
1 Respuestas
Responde la pregunta0
Pude resolverlo aumentando el margen inferior en mi gráfico de barras de 10 a 20:
<BarChart width={600} height={550} layout="vertical" data={props.data} margin={{ top: 5, right: 30, left: 55, bottom: 20 }} ref={ref} >
·
Santiago Gelvez
Denunciar
Responde la pregunta