Zoom into subplots as if it's a single figure

plotly.js
1

When I zoom into subplots, I can only zoom into one subplot and enlarge each subplot that shares the same axis, and I cannot zoom into a region of the full plot overlapping multiple subplots. Is it possible to do this? I hope the images below explain it well.

This is my plot:

1
11232×645 96.6 KB

I want to zoom in like this:

2
21232×645 94.9 KB

And get this:

3
31229×645 36.7 KB

Thanks for advice.

2

Edit: If a working example is needed, here is a simplified one:

<!DOCTYPE html>
<head>
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
    <div id="myDiv" style="width: 100%; height: 100vh;"></div>
    <script>
        var trace1 = {
            x: [1, 2, 3],
            y: [10, 15, 13],
            type: 'scatter',
            xaxis: 'x',
            yaxis: 'y'
        };
        var trace2 = {};
        var trace3 = {
            x: [1, 2, 3],
            y: [30, 35, 33],
            type: 'scatter',
            xaxis: 'x',
            yaxis: 'y2'
        };
        var trace4 = {
            x: [1, 2, 3],
            y: [40, 45, 43],
            type: 'scatter',
            xaxis: 'x2',
            yaxis: 'y3'
        };
        var layout = {
          grid: {
            rows: 2,
            columns: 2,
            subplots: [["xy", ""], ["xy2", "x2y3"]],
          },
        };
        Plotly.newPlot('myDiv', [trace1, trace2, trace3, trace4], layout);
    </script>
</body>
</html>
3

I have found a good alternative (if someone is looking for the same): I set up a double-click event listener, where double-clicking a histogram plots only that histogram, and double-clicking a scatter plot plots a smaller matrix with only those two histograms and the scatter. It’s not a full replacement for the zoom-in, but it’s good enough, and can be adapted to plot a sub-section larger than 2x2.