compounding aspect ratios edge case test, and minor scale/match interaction fix

Author: alexcjohnson

src/plots/cartesian/dragbox.js

@@ -633,7 +633,7 @@ function makeDragBox(gd, plotinfo, x, y, w, h, ns, ew) {
         yStart = (yActive === 'n') ? dy : 0;
 
         if(
-            links.isSubplotConstrained ||
+            (links.isSubplotConstrained && !matches.isSubplotConstrained) ||
             // NW or SE on matching axes - create a symmetric zoom
             (matches.isSubplotConstrained && xActive && yActive && dxySign > 0)
         ) {

test/image/baselines/axes_chain_scaleanchor_matches2.png

@@ -0,0 +1,82 @@
+{
+  "data": [
+    {"y":[1,2], "marker": {"color": "red"}},
+    {"y":[1,2],"xaxis":"x2","yaxis":"y2", "marker": {"color": "red"}},
+    {"y":[1,2],"xaxis":"x3","yaxis":"y3", "marker": {"color": "red"}},
+    {"y":[1,2],"xaxis":"x4","yaxis":"y4", "marker": {"color": "red"}},
+    {"y":[1,2],"xaxis":"x5","yaxis":"y5", "marker": {"color": "green"}},
+    {"y":[1,2],"xaxis":"x6","yaxis":"y6", "marker": {"color": "green"}},
+    {"y":[1,2],"xaxis":"x7","yaxis":"y7", "marker": {"color": "green"}},
+    {"y":[1,2],"xaxis":"x8","yaxis":"y8", "marker": {"color": "green"}},
+    {"y":[1,2],"xaxis":"x9","yaxis":"y9", "marker": {"color": "blue"}},
+    {"y":[1,2],"xaxis":"x10","yaxis":"y10", "marker": {"color": "blue"}},
+    {"y":[1,2],"xaxis":"x11","yaxis":"y11", "marker": {"color": "blue"}},
+    {"y":[1,2],"xaxis":"x12","yaxis":"y12", "marker": {"color": "blue"}},
+    {"y":[1,2],"xaxis":"x13","yaxis":"y13", "marker": {"color": "black"}},
+    {"y":[1,2],"xaxis":"x14","yaxis":"y14", "marker": {"color": "black"}},
+    {"y":[1,2],"xaxis":"x15","yaxis":"y15", "marker": {"color": "black"}},
+    {"y":[1,2],"xaxis":"x16","yaxis":"y16", "marker": {"color": "black"}}
+  ],
+  "layout": {
+    "xaxis": {"domain": [0, 0.2], "anchor": "y"},
+    "yaxis": {"domain": [0, 0.15], "anchor": "x", "matches": "x"},
+    "xaxis2": {"domain": [0.25, 0.45], "anchor": "y2", "scaleanchor": "y"},
+    "yaxis2": {"domain": [0, 0.15], "anchor": "x2", "matches": "x2"},
+    "xaxis3": {"domain": [0.5, 0.7], "anchor": "y3", "scaleanchor": "y2"},
+    "yaxis3": {"domain": [0, 0.15], "anchor": "x3", "matches": "x3"},
+    "xaxis4": {"domain": [0.75, 0.95], "anchor": "y4", "scaleanchor": "y3"},
+    "yaxis4": {"domain": [0, 0.15], "anchor": "x4", "matches": "x4"},
+
+    "xaxis5": {"domain": [0, 0.2], "anchor": "y5", "constrain": "domain"},
+    "yaxis5": {"domain": [0.25, 0.4], "anchor": "x5", "matches": "x5", "constrain": "domain"},
+    "xaxis6": {"domain": [0.25, 0.45], "anchor": "y6", "scaleanchor": "y5", "constrain": "domain"},
+    "yaxis6": {"domain": [0.25, 0.4], "anchor": "x6", "matches": "x6", "constrain": "domain"},
+    "xaxis7": {"domain": [0.5, 0.7], "anchor": "y7", "scaleanchor": "y6", "constrain": "domain"},
+    "yaxis7": {"domain": [0.25, 0.4], "anchor": "x7", "matches": "x7", "constrain": "domain"},
+    "xaxis8": {"domain": [0.75, 0.95], "anchor": "y8", "scaleanchor": "y7", "constrain": "domain"},
+    "yaxis8": {"domain": [0.25, 0.4], "anchor": "x8", "matches": "x8", "constrain": "domain"},
+
+    "xaxis9": {"domain": [0, 0.15], "anchor": "y9"},
+    "yaxis9": {"domain": [0.5, 0.7], "anchor": "x9", "matches": "x9"},
+    "xaxis10": {"domain": [0.25, 0.4], "anchor": "y10", "scaleanchor": "y9"},
+    "yaxis10": {"domain": [0.5, 0.7], "anchor": "x10", "matches": "x10"},
+    "xaxis11": {"domain": [0.5, 0.65], "anchor": "y11", "scaleanchor": "y10"},
+    "yaxis11": {"domain": [0.5, 0.7], "anchor": "x11", "matches": "x11"},
+    "xaxis12": {"domain": [0.75, 0.9], "anchor": "y12", "scaleanchor": "y11"},
+    "yaxis12": {"domain": [0.5, 0.7], "anchor": "x12", "matches": "x12"},
+
+    "xaxis13": {"domain": [0, 0.15], "anchor": "y13", "constrain": "domain"},
+    "yaxis13": {"domain": [0.75, 0.95], "anchor": "x13", "matches": "x13", "constrain": "domain"},
+    "xaxis14": {"domain": [0.25, 0.4], "anchor": "y14", "scaleanchor": "y13", "constrain": "domain"},
+    "yaxis14": {"domain": [0.75, 0.95], "anchor": "x14", "matches": "x14", "constrain": "domain"},
+    "xaxis15": {"domain": [0.5, 0.65], "anchor": "y15", "scaleanchor": "y14", "constrain": "domain"},
+    "yaxis15": {"domain": [0.75, 0.95], "anchor": "x15", "matches": "x15", "constrain": "domain"},
+    "xaxis16": {"domain": [0.75, 0.9], "anchor": "y16", "scaleanchor": "y15", "constrain": "domain"},
+    "yaxis16": {"domain": [0.75, 0.95], "anchor": "x16", "matches": "x16", "constrain": "domain"},
+
+    "shapes": [
+      {"x0": 0, "x1": 0.2, "y0": 0, "y1": 0.15, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.25, "x1": 0.45, "y0": 0, "y1": 0.15, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.5, "x1": 0.7, "y0": 0, "y1": 0.15, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.75, "x1": 0.95, "y0": 0, "y1": 0.15, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0, "x1": 0.2, "y0": 0.25, "y1": 0.4, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.25, "x1": 0.45, "y0": 0.25, "y1": 0.4, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.5, "x1": 0.7, "y0": 0.25, "y1": 0.4, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.75, "x1": 0.95, "y0": 0.25, "y1": 0.4, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0, "x1": 0.15, "y0": 0.5, "y1": 0.7, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.25, "x1": 0.4, "y0": 0.5, "y1": 0.7, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.5, "x1": 0.65, "y0": 0.5, "y1": 0.7, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.75, "x1": 0.9, "y0": 0.5, "y1": 0.7, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0, "x1": 0.15, "y0": 0.75, "y1": 0.95, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.25, "x1": 0.4, "y0": 0.75, "y1": 0.95, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.5, "x1": 0.65, "y0": 0.75, "y1": 0.95, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}},
+      {"x0": 0.75, "x1": 0.9, "y0": 0.75, "y1": 0.95, "type": "rect", "xref": "paper", "yref": "paper", "line": {"color": "#ccc", "dash": "dot"}}
+    ],
+    "annotations": [{"x": 0, "y": 1, "xanchor": "left", "yanchor": "top", "xref": "paper", "yref": "paper", "showarrow": false, "align": "left", "text": "y matches same x, x scales to the previous y. Subplot aspect ratios compound"}],
+
+    "width": 500,
+    "height": 500,
+    "margin": {"l": 50, "r": 0, "t": 0, "b": 50},
+    "showlegend": false
+  }
+}