Tengo un problema que uso el mismo método para insertar la imagen de plotly.py en html.

La primera imagen de class="tab-pane fade show active" ha llenado perfectamente todo el bloque. El .active {display:block} es el .css de eso.

Sin embargo, la segunda imagen por class="tab-pane fade" el tamaño se está reduciendo para no llenar todo el bloque. El .tab-pane {display:none} .

Quiero hacer que la imagen de plotly.py tenga el mismo tab-content sin importar que el tamaño de la imagen sea el mismo. Hágalo desde .html y .css pero sigo sin encontrar la solución.

 <div class="tab-content"> <div id = 'week' class="tab-pane fade show active" role="tabpanel" aria-labelledby="contact-tab"> <div id='chart0'></div> <script type='text/javascript'> var graphs = {{plot0 | safe}}; Plotly.plot('chart0',graphs,{});</script> </div> <div id = 'month' class="tab-pane fade" role="tabpanel" aria-labelledby="contact-tab"> <div id='chart1'></div> <script type='text/javascript'> var graphs = {{plot1 | safe}}; Plotly.plot('chart1',graphs,{}); </script> </div> </div>