0
317
Views¿Cómo representar la etiqueta condicionalmente para evitar que las etiquetas se superpongan en los gráficos?
Tengo un problema similar al usar la biblioteca Recharts con NextJS.
Estoy usando un ComposedChart que representa los componentes de Bar y Line .
Sin embargo, las Label se superponen entre sí si el valor entre ellas no es lo suficientemente grande.
¿Hay alguna forma en que podamos representar condicionalmente la Label dentro LabelList si el valor de los datos es mayor que un valor específico? (Ej: ocultar la Label cuando el valor de los datos es inferior a 5 )
·
Juan Pablo Isaza
1 answers
Answer question0
Puede usar la propiedad del formateador para controlar el contenido que se muestra y simplemente devolver null si desea ocultar su etiqueta:
<LabelList dataKey={yourKey} fill={fill} position="top" formatter={label => { return label > 5 ? label : null; }} />
·
Juan Pablo Isaza
Report
Answer question