Plotly JS zoom tool config options - turn off vertical and horizontal span zoom

plotly.js
1

SUMMARY

I wish to config the plotly.js zoom tool to turn off the following zoom features and only allow zoom from point to point.

TURN OFF THE FOLLOWING 2 TYPES OF ZOOM

image
image758×374 66.1 KB

^ Horizontal Zoom

image
image762×334 73.1 KB

^ Vertical Zoom

KEEP POINT TO POINT ZOOM

image
image774×350 73 KB

^ Point to Point Zoom

ADDITIONAL

I know you can set scale anchor & scale ratio options under xaxis & yaxis. While that gets rid of the Horizontal & Vertical Zoom, it doesnt allow for point to point zooming.

2

PLOTLY LIBRARY

TEST BED

I was using the following jsfiddle for testing

<script src="https://cdn.plot.ly/plotly-2.16.2.min.js"></script>
<div id="plot"></div>

const z = Array.from({length: 500}, () => Array.from({length: 100}, () => Math.floor(Math.random() * 255)));

Plotly.newPlot('plot', [{type: 'heatmap', z: z}], {'yaxis': {'scaleanchor': 'x'}});
3

fixedrange

4

But I think fixedrange disables zoom altogether. Is there some way to configure the zoom to allow only point to point zoom and not the weird vertical and horizontal zoom?

5

What you want to eliminate is the effect that the zoombox has of expanding vertically/horizontally when it reduces its size, but there is no property that allows you to override this effect, now if you want to disable it you can modify the code in the Plotly.js file, look for the value MINZOOM: 20 and leave it at 0 since this value makes the zoombox expand when the height or width of it is less than 20px.

image
image1829×1080 195 KB

zoom