jquery - Plotly plot がモーダル内で自動的にスケーリングできませんでした

Question

Plotly.js とブートストラップに問題があります。グラフをモーダル内に挿入すると、プロット幅が 100% に設定され、プロット レイアウト オプション autosize が true に設定されていても、プロットはモーダル幅に自動的にスケーリングされません。

モーダルを開くと、プロットの幅が 100 ピクセル (100% ではなく) になり、プロットを正しく表示するには、「自動スケール」モードバー ボタンをプログラムで (または手動で) クリックする必要があります。

このコードペンでこれを実際に見ることができます:

https://codepen.io/anon/pen/PaGOWv?editors=1010

<div class="modal-body">
    <div id="myDiv" style="width: 100%;"></div>
 </div>
 <!-- with plotly option: var layout = {autosize: true}; -->

レンダリング後にプロットを再スケーリングせずに全幅で表示する方法の手がかりがあれば、とてもうれしいです。

ありがとう！アルノー

PS: githubにも投稿されています