0
483
ViewsChart.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 answers
Answer question0
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
Report
Answer question