enable zooming of any rectangular shape on a Plotly heatmap

Currently there are 2 “zooming” behaviours in Plotly.JS heatmaps:

• Demo here : Here you can take any rectangular shape for the zoom (click, drag and drop). But then the pixels are not square, which is not ok for some applications (the aspect ratio is not preserved, and sometimes it should be preserved):

• Demo here : Here the pixels are square thanks to {'yaxis': {'scaleanchor': 'x'}}, but then you can zoom only with a certain aspect ratio rectangular shape, which is sometimes a limiting factor for the UX/UI:

But often, it is useful to have both, i.e. being able to draw a rectangle selection zoom of any shape + keep square-shape pixels.

Eric found a solution here: https://stackoverflow.com/a/76142244/1422096

IMHO this feature should be available directly in Plotly heatmaps (because it's the standard expected behaviour, which is common in Matplotlib etc.), what do you think? @lvlte @archmoj

首先复现链接中的两个热力图演示，并阅读链接的 Stack Overflow 解决方案。比较它们在缩放和宽高比方面的行为，然后确定所提议的交互应如何适配 Plotly heatmaps；完成的标准是任意矩形缩放都能保持像素为正方形，并由适当的测试覆盖。