add category autorange mock for annotations and shapes

Author: etpinard

test/image/baselines/category-autorange.png

@@ -0,0 +1,86 @@
+{
+    "data":[{
+        "mode": "markers",
+        "x": ["a", "b", "c"],
+        "y": ["X", "Y", "Z"]
+    }, {
+        "mode": "markers",
+        "x": ["a", "b", "c"],
+        "y": ["X", "Y", "Z"],
+        "xaxis": "x2",
+        "yaxis": "y2"
+    }],
+    "layout":{
+        "autosize":false,
+        "xaxis":{
+            "domain": [0, 0.48],
+            "ticks": "outside",
+            "mirror":"allticks",
+            "zeroline":false,
+            "showline":true
+        },
+        "xaxis2":{
+            "anchor": "y2",
+            "domain": [0.52, 1],
+            "ticks": "outside",
+            "mirror":"allticks",
+            "zeroline":false,
+            "showline":true,
+            "range": [-0.5, 2.5]
+        },
+        "yaxis":{
+            "ticks": "outside",
+            "mirror":"allticks",
+            "zeroline":false,
+            "showline":true
+        },
+        "yaxis2":{
+            "anchor": "x2",
+            "side": "right",
+            "ticks": "outside",
+            "mirror":"allticks",
+            "zeroline":false,
+            "showline":true,
+            "range": [-0.5, 2.5]
+        },
+        "height":360,
+        "width":600,
+        "showlegend": false,
+        "margin":{"r":40,"b":40,"l":40,"t":40},
+        "title": "left: auto range || right: set range",
+        "titlefont": {"size": 12},
+        "annotations":[{
+            "axref": "x", "ayref": "y",
+            "text": "bump yrange up",
+            "x": "a", "y": 3,
+            "ax": "c", "ay": "3.5",
+            "xanchor": "left",
+            "borderpad": 10
+        }, {
+            "axref": "x", "ayref": "y",
+            "text": "bump xrange<br>to the left",
+            "x": "-1", "y": "Y",
+            "ax": 0, "ay": "X"
+        }, {
+            "xref": "x2", "yref": "y2",
+            "text": "should not see this",
+            "x": "a", "y": 3
+        }, {
+            "xref": "x2", "yref": "y2",
+            "text": "should not see this",
+            "x": "-1", "y": "Y"
+        }],
+        "shapes": [{
+            "type": "rectangle",
+            "line": {"color": "purple"},
+            "x0": "b", "x1": 4.5,
+            "y0": -1, "y1": "Z"
+        }, {
+            "xref": "x2", "yref": "y2",
+            "type": "rectangle",
+            "line": {"color": "purple"},
+            "x0": "b", "x1": 4.5,
+            "y0": -1, "y1": "Z"
+        }]
+    }
+}