improve gl2d_scatter_fill_self_next_vs_nogl mock

Author: etpinard

test/image/baselines/gl2d_scatter_fill_self_next_vs_nogl.png

@@ -35,16 +35,76 @@
             "y": [2, 4, 2],
             "fill": "toself","fillcolor":"#228",  "line": { "color": "#88c" },
             "type": "scatter","showlegend": true, "xaxis": "x2", "yaxis": "y2" 
+        },
+        {
+            "x": [1, 2, 3, 1, null, 4, 5, 6],
+            "y": [2, 3, 2, 2, null, 3, 4, 3],
+	                "error_x": {"value": 0.6, "type": "constant","color":"#cf0"},
+			"error_y": {"value": 0.4, "type": "constant","color":"#fc0"},
+            "fill": "tonext","fillcolor":"#282",  "line": { "color": "#8c8" },
+            "type": "scattergl", "showlegend": true, "xaxis": "x3", "yaxis": "y3"
+        },
+        {
+            "x": [-1, 4, 9, null, 0, 1, 2],
+            "y": [1, 6, 1, null, 5, 6, 5],
+	                "error_x": {"value": 0.6, "type": "constant","color":"#cf0"},
+			"error_y": {"value": 0.4, "type": "constant","color":"#fc0"},
+            "fill": "tonext","fillcolor":"#822",  "line": { "color": "#c88" },
+            "type": "scattergl", "showlegend": true, "xaxis": "x3", "yaxis": "y3"
+        },
+        {
+            "x": [-2,-2, 0, 8,10 ,10],
+            "y": [ 0, 1, 7, 7, 1 , 0],
+            "fill": "tonext","fillcolor":"#828",  "line": { "color": "#c8c" },
+            "type": "scattergl", "showlegend": true, "xaxis": "x3", "yaxis": "y3"
+        },
+        {
+            "x": [9,10,11],
+            "y": [7, 8, 7],
+            "fill": "toself","fillcolor":"#228",  "line": { "color": "#88c" },
+            "type": "scattergl", "showlegend": true, "xaxis": "x3", "yaxis": "y3"
+        },
+        {
+            "x": [1, 2, 3, 1, null, 4, 5, 6],
+            "y": [2, 3, 2, 2, null, 3, 4, 3],
+	                "error_x": {"value": 0.6, "type": "constant","color":"#cf0"},
+			"error_y": {"value": 0.4, "type": "constant","color":"#fc0"},
+            "fill": "tonext","fillcolor":"#282",  "line": { "color": "#8c8" },
+            "type": "scatter", "showlegend": true, "xaxis": "x4", "yaxis": "y4"
+        },
+        {
+            "x": [-1, 4, 9, null, 0, 1, 2],
+            "y": [1, 6, 1, null, 5, 6, 5],
+	                "error_x": {"value": 0.6, "type": "constant","color":"#cf0"},
+			"error_y": {"value": 0.4, "type": "constant","color":"#fc0"},
+            "fill": "tonext","fillcolor":"#822",  "line": { "color": "#c88" },
+            "type": "scatter", "showlegend": true, "xaxis": "x4", "yaxis": "y4"
+        },
+        {
+            "x": [-2,-2, 0, 8,10 ,10],
+            "y": [ 0, 1, 7, 7, 1 , 0],
+            "fill": "tonext","fillcolor":"#828",  "line": { "color": "#c8c" },
+            "type": "scatter", "showlegend": true, "xaxis": "x4", "yaxis": "y4"
+        },
+        {
+            "x": [9,10,11],
+            "y": [7, 8, 7],
+            "fill": "toself","fillcolor":"#228",  "line": { "color": "#88c" },
+            "type": "scatter","showlegend": true, "xaxis": "x4", "yaxis": "y4"
         }
     ],
     "layout":{
         "title": "Fill toself and tonext",
-        "width": 600,"height": 400,
+        "width": 600,"height": 600,
         "margin": {"l": 20, "r": 40, "t": 40, "b": 40},
-        "grid": {"columns": 2, "rows": 1, "pattern": "independent", "roworder": "bottom to top"} ,
+        "grid": {"columns": 2, "rows": 2, "pattern": "independent", "roworder": "bottom to top"} ,
         "xaxis" : { "title": "GL" , "type": "linear", "rangemode": "tozero", "nticks": 3 },
         "xaxis2": { "title": "" , "type": "linear", "rangemode": "tozero", "nticks": 3 },
-        "yaxis" : { "title": "" , "type": "linear", "range": [0,8], "nticks": 3 },
-        "yaxis2": { "title": "" , "type": "linear", "range": [0,8], "nticks": 3 }
+        "yaxis" : { "title": "" , "type": "linear", "range": [0,9], "nticks": 3 },
+        "yaxis2": { "title": "" , "type": "linear", "range": [0,9], "nticks": 3 },
+        "xaxis3": { "title": "GL" , "type": "linear", "rangemode": "tozero", "nticks": 3 },
+        "xaxis4": { "title": "" , "type": "linear", "rangemode": "tozero", "nticks": 3 },
+        "yaxis3": { "title": "" , "type": "linear", "range": [0,9], "nticks": 3 },
+        "yaxis4": { "title": "" , "type": "linear", "range": [0,9], "nticks": 3 }
     }    
 }