Отзывчивая высота Plotly&Django&Python&Bootstrap

мне нужно сделать так, чтобы высота графика наследовалась (100% родителя)

Вы хотите, чтобы график занимал 100% высоты и 100% ширины модального окна

Каковы пути решения проблемы?

Мой код:

from plotly.offline import plot
import plotly.graph_objects as go

ticks = list(range(1, int(data['x'])+1))

fig = go.Figure()

for key, val in data['dict'].items():
    fig.add_scatter(x=ticks, y=val, name=key)

fig.update_layout(
    xaxis=dict(
        tickmode='array',
        tickvals=ticks,
        ticktext=ticks,
        title_text='x'
    ),
    yaxis=dict(
        title_text='y'
    ),
    autosize=True,
)

return plot({'data': fig}, config={'responsive': True}, output_type='div', include_plotlyjs='cdn')

Мой шаблон:

<div class="modal-graphic modal fade" id="Graphic" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                {% autoescape off %}
                    {{ graphic }}
                {% endautoescape %}
            </div>
        </div>
    </div>
</div>

Мой результат: Модальное окно

Вернуться на верх