Add more cases to scatter fill mock

Author: rreusser

test/image/baselines/scatter_fill_corner_cases.png

@@ -7,26 +7,27 @@
       "showlegend": false
     },
     {
-      "x": [0, 1, 2, 3],
-      "y": [1, null, 1, 1],
+      "x": [0, 0.5, 1, 2, 3],
+      "y": [1, null, 1, 1.1, 1],
       "fill": "tozeroy",
       "showlegend": false
     },
     {
-      "x": [0, 1, 1.5, 2, 2.5, 3],
-      "y": [0.75, 0.75, null, 0.85, null, 0.75, 0.75],
+      "x": [0, 0.5, 1, 1.25, 1.5, 1.75, 2, 2.5, 3],
+      "y": [0.75, 0.85, 0.75, null, 0.85, null, 0.75, 0.85, 0.75],
       "fill": "tozeroy",
       "showlegend": false
     },
     {
-      "x": [0, 1, 2, 3],
-      "y": [0.5, 0.6, null, 0.5],
+      "x": [0, 1, 2, 2.5, 3],
+      "y": [0.5, 0.6, 0.5, null, 0.5],
+      "line": {"shape": "vh", "color": "black", "dash": "dot"},
       "fill": "tozeroy",
       "showlegend": false
     },
     {
-      "x": [0, 1.5, 3],
-      "y": [0.25, null, 0.25],
+      "x": [0, 0.5, 1, 1.5, 2, 2.5, 3],
+      "y": [0.25, null, 0.35, null, 0.15, null, 0.25],
       "fill": "tozeroy",
       "showlegend": false
     },
@@ -39,44 +40,141 @@
       "showlegend": false
     },
     {
-      "x": [0, 1, 2, 3],
-      "y": [1, null, 1, 1],
+      "x": [0, 0.5, 1, 2, 3],
+      "y": [1, null, 1, 1.1, 1],
       "fill": "tozeroy",
       "line": {"shape": "spline"},
       "xaxis": "x2",
       "showlegend": false
     },
     {
-      "x": [0, 1, 1.5, 2, 2.5, 3],
-      "y": [0.75, 0.75, null, 0.85, null, 0.75, 0.75],
+      "x": [0, 0.5, 1, 1.25, 1.5, 1.75, 2, 2.5, 3],
+      "y": [0.75, 0.85, 0.75, null, 0.85, null, 0.75, 0.85, 0.75],
       "fill": "tozeroy",
       "line": {"shape": "spline"},
       "xaxis": "x2",
       "showlegend": false
     },
     {
-      "x": [0, 1, 2, 3],
-      "y": [0.5, 0.6, null, 0.5],
+      "x": [0, 1, 2, 2.5, 3],
+      "y": [0.5, 0.6, 0.5, null, 0.5],
       "fill": "tozeroy",
-      "line": {"shape": "spline"},
+      "line": {"shape": "vh", "color": "black", "dash": "dot"},
       "xaxis": "x2",
       "showlegend": false
     },
     {
-      "x": [0, 1.5, 3],
-      "y": [0.25, null, 0.25],
+      "x": [0, 0.5, 1, 1.5, 2, 2.5, 3],
+      "y": [0.25, null, 0.35, null, 0.15, null, 0.25],
       "fill": "tozeroy",
       "line": {"shape": "spline"},
       "xaxis": "x2",
       "showlegend": false
+    },
+
+    {
+      "x": [1.5],
+      "y": [1.25],
+      "fill": "tonexty",
+      "showlegend": false,
+      "yaxis": "y2"
+    },
+    {
+      "x": [0, 0.5, 1, 2, 3],
+      "y": [1, null, 1, 1.1, 1],
+      "fill": "tonexty",
+      "showlegend": false,
+      "yaxis": "y2"
+    },
+    {
+      "x": [0, 0.5, 1, 1.25, 1.5, 1.75, 2, 2.5, 3],
+      "y": [0.75, 0.85, 0.75, null, 0.85, null, 0.75, 0.85, 0.75],
+      "fill": "tonexty",
+      "showlegend": false,
+      "yaxis": "y2"
+    },
+    {
+      "x": [0, 1, 2, 2.5, 3],
+      "y": [0.5, 0.6, 0.5, null, 0.5],
+      "line": {"shape": "vh", "color": "black", "dash": "dot"},
+      "fill": "tonexty",
+      "showlegend": false,
+      "yaxis": "y2"
+    },
+    {
+      "x": [0, 0.5, 1, 1.5, 2, 2.5, 3],
+      "y": [0.25, null, 0.35, null, 0.15, null, 0.25],
+      "fill": "tonexty",
+      "showlegend": false,
+      "yaxis": "y2"
+    },
+    {
+      "x": [1.5],
+      "y": [1.25],
+      "fill": "tonexty",
+      "line": {"shape": "spline"},
+      "xaxis": "x2",
+      "showlegend": false,
+      "yaxis": "y2"
+    },
+    {
+      "x": [0, 0.5, 1, 2, 3],
+      "y": [1, null, 1, 1.1, 1],
+      "fill": "tonexty",
+      "line": {"shape": "spline"},
+      "xaxis": "x2",
+      "showlegend": false,
+      "yaxis": "y2"
+    },
+    {
+      "x": [0, 0.5, 1, 1.25, 1.5, 1.75, 2, 2.5, 3],
+      "y": [0.75, 0.85, 0.75, null, 0.85, null, 0.75, 0.85, 0.75],
+      "fill": "tonexty",
+      "line": {"shape": "spline"},
+      "xaxis": "x2",
+      "showlegend": false,
+      "yaxis": "y2"
+    },
+    {
+      "name": "vh shape",
+      "x": [0, 1, 2, 2.5, 3],
+      "y": [0.5, 0.6, 0.5, null, 0.5],
+      "fill": "tonexty",
+      "line": {"shape": "vh", "color": "black", "dash": "dot"},
+      "xaxis": "x2",
+      "yaxis": "y2"
+    },
+    {
+      "x": [0, 0.5, 1, 1.5, 2, 2.5, 3],
+      "y": [0.25, null, 0.35, null, 0.15, null, 0.25],
+      "fill": "tonexty",
+      "line": {"shape": "spline"},
+      "xaxis": "x2",
+      "showlegend": false,
+      "yaxis": "y2"
     }
   ],
   "layout": {
     "xaxis": {
-      "domain": [0, 0.45]
+      "domain": [0, 0.45],
+      "title": "linear"
     },
     "xaxis2": {
-      "domain": [0.55, 1]
-    }
+      "domain": [0.55, 1],
+      "title": "spline"
+    },
+    "yaxis": {
+      "domain": [0.05, 0.475],
+      "title": "tozeroy"
+    },
+    "yaxis2": {
+      "domain": [0.525, 1],
+      "title": "tonexty"
+    },
+    "legend": {
+      "orientation": "h"
+    },
+    "width": 600,
+    "height": 600
   }
 }