How to limit scroll / pan/ zoom to a given axis range?

plotly.js
1

I want to be able to restrict scrolling, zoom and pan such that the user cannot pan/zoom/scroll outside of a given area. for example, if x-axis has data only between 20 and 400 on a scatter plot, I don’t want them to be able to pan or scroll over to the 1500 - 2000 range (scrolling or pann’ing would stop moving to the right at 400). I haven’t seen anything that supports this and I’m questioning whether I could even add something custom to enforce this. Is there something I’m missing?

1 Like
2

I’m also looking for an answer to this. By setting fixedrange:true it prevents panning or zooming past the original range, but it also prevents any sort of zooming along that axis.

3

Have the same question. Did anyone find an answer to this?

4

Same problem. Did anyone find an answer to this?

5

same problem, is there a solution yet?

6

I got it working by using these three settings in my axis:

  • maxallowed
  • minallowed
  • range