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

Commencez par l’exemple minimal utilisant Plotly.newPlot et un tableau annotations, puis suivez la manière dont le texte de l’annotation est rendu lorsque le graphique ne contient aucune donnée. Vérifiez les dimensions du graphique obtenu et la disposition du texte par rapport à la capture d’écran jointe. Le travail est considéré comme terminé lorsque le texte long de l’annotation revient à la ligne ou reste autrement dans les limites du graphique/de la page sans déborder.