Annotations can overflow out of the chart

Minimal example of this:

<div id="graph" />
<script src="https://cdn.plot.ly/plotly-3.1.2.min.js"></script>
<script>
var layout = {
  annotations: [{
    "text": "No data is available to display. No data is available to display. No data is available to display. No data is available to display. No data is available to display. ",
    "font": {"size": 20}
  }]
};

Plotly.newPlot('graph', {
  'config': {},
  'data': [],
  'layout': layout
})
</script>

Ideally this text would wrap so that it fits on the page

Plotly.newPlot と annotations 配列を使用する最小限の例から始め、チャートにデータがない場合にアノテーションのテキストがどのようにレンダリングされるかを追跡します。結果のチャートの寸法とテキストレイアウトを、添付されたスクリーンショットと照合します。長いアノテーションテキストが折り返されるか、その他の方法でチャートまたはページ内に収まり、はみ出さないことを確認できれば完了です。