Shapes are drawn outside the plot when using annotations and autorange.

When updating shapes and annotations with Plotly.react, both are drawn outside the plot when the y-axis is automatically ranged. StackBlitz Example

This seems to be because the y range is reset to [0, 4], the data hasn't changed so the range isn't re-calculated, and the annotations draw procedure updates the y-axis _m and _b metrics used to calculate the paths (src/components/annotations/draw.js line 71). I can't pass the current range, because the axis range should be re-calculated if the data does change. This only occurs if the annotations are updated, because the shapes draw procedure doesn't update the y-axis metrics.

Plotly.js 1.54.6

Commencez par l’exemple StackBlitz lié et inspectez src/components/annotations/draw.js autour de la ligne 71, puis comparez-le avec la procédure de dessin des shapes. Suivez la manière dont autorange définit la plage y et dont les métriques _m et _b de l’axe sont mises à jour pendant Plotly.react. Le travail est terminé lorsque les shapes et annotations mises à jour restent à l’intérieur du tracé et que le réglage automatique de l’axe y continue de réagir lorsque les données changent.