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

Comece pelo exemplo vinculado do StackBlitz e inspecione src/components/annotations/draw.js próximo à linha 71; depois compare-o com o procedimento de desenho de shapes. Rastreie como autorange define o intervalo y e como as métricas _m e _b do eixo são atualizadas durante Plotly.react. O trabalho estará concluído quando as shapes e annotations atualizadas permanecerem dentro do gráfico e o intervalo automático do eixo y continuar respondendo quando os dados mudarem.