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

Inizia con l’esempio minimo che utilizza Plotly.newPlot e un array annotations, quindi traccia il modo in cui viene visualizzato il testo dell’annotazione quando il grafico non contiene dati. Verifica le dimensioni risultanti del grafico e la disposizione del testo confrontandole con lo screenshot allegato. Il lavoro è completato quando il testo lungo dell’annotazione va a capo o comunque rimane all’interno del grafico/della pagina senza fuoriuscire.