Implement Axis boundaries

[inDream]

Added two options in layout: bound and autobound for control the axis boundaries.

@etpinard I would like to know is there a list of functions I need to modify in order to add this feature?
As there're different actions to trigger relayout: click buttons at displayModeBar, scrollZoom at axis, etc.
My draft commit only can handle axis change by drag but not scroll.

Also is there any convenient ways to undo drag / zoom?

Related issues: #887 #400

[etpinard]

Ah I see. Looks like you're trying to add hacks inside relayout to make this work. This is the wrong approach I'm afraid.

You'll need to dive into the axes.js draw functions and limit the visible range there.

Thanks for looking into this 🍻

[inDream]

Beside axes auto range, I think prevent drag / zoom also necessary for limiting user only can view area with data. How can I achieve that?

[etpinard]

Most of that should be in https://github.com/plotly/plotly.js/blob/master/src/plots/cartesian/dragbox.js

[etpinard]

Closing due to lack of activity.

I recommend subscribing to #1876 for the latest development of this topic.