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

Bắt đầu với ví dụ StackBlitz được liên kết và kiểm tra src/components/annotations/draw.js quanh dòng 71, sau đó so sánh với quy trình vẽ shapes. Theo dõi cách autorange thiết lập phạm vi y và cách các chỉ số _m và _b của trục được cập nhật trong quá trình Plotly.react. Công việc hoàn tất khi các shapes và annotations đã cập nhật vẫn nằm בתוך vùng đồ thị, đồng thời việc tự động xác định phạm vi của trục y vẫn phản hồi khi dữ liệu thay đổi.