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

Comienza con el ejemplo mínimo que utiliza Plotly.newPlot y un array de annotations; después, sigue cómo se renderiza el texto de la anotación cuando el gráfico no tiene datos. Comprueba las dimensiones resultantes del gráfico y la distribución del texto comparándolas con la captura de pantalla adjunta. Se considera terminado cuando el texto largo de la anotación se ajusta en varias líneas o, de otro modo, permanece dentro del gráfico/de la página sin desbordarse.