Tengo un problema complicado. Estoy tratando de construir un tablero personalizable. En una página se verá con gráficos (estoy usando amcharts 5). Los gráficos deben ser redimensionables; para este propósito, estoy usando React-Grid-Layout. Quiero lograr gráficos redimensionables: debo llenar el contenedor, no importa qué tan grande sea. Pero no puedo. Puedo cambiar el tamaño de la celda, pero los gráficos aún tienen el mismo tamaño (o solo cambian el ancho). Probé con algunos ganchos personalizados, reenvíe la referencia pasada al elemento Graph, width.clientHeight y mucho más. Probé flujos:

• cambiar el tamaño del niño -> cambiar el tamaño del padre - cambiar el tamaño del padre -> cambiar el tamaño del niño Utilicé diferentes propiedades CSS en el material ui: heredar, ajustar el contenido. Los gráficos se representan como un lienzo; puede ser un problema. Mi otra idea fue pasar numer como accesorio a ReactGridLayout - a rowHeight. No tengo idea de lo que puedo hacer más. Por favor, eche un vistazo a mi código en sandbox. https://codesandbox.io/s/sparkling-smoke-fcjt8?file=/src/Layout.js

Gracias de antemano chicos. Salud.