0
477
VistasChart.js: ¿Cómo establecer la altura mínima del gráfico pero aún así mantener la relación de aspecto?
¿Cómo puedo establecer una relación de aspecto fija en el gráfico pero también establecer una altura mínima para que se comporte como se muestra a continuación?
He intentado usar react-chartjs-2 :
<div style={{ minHeight: 300, paddingTop: "33.33333%", }} > <Bar style={{ width: "100%", height: "100%" }} //data={...} options={{ maintainAspectRatio: false, }} /> </div>
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Lo resolvió agregando un div intermedio entre el contenedor y el gráfico:
<div style={{ minHeight: 300, paddingTop: "33.33333%", position: "relative", }} > <div style={{ position: "absolute", inset: 0, }} > <Bar style={{ width: "100%", height: "100%" }} //data={...} options={{ maintainAspectRatio: false, }} /> </div> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta