fixup for symbols below 200 and add image test

Author: archmoj

src/components/drawing/index.js

@@ -220,8 +220,11 @@ Object.keys(SYMBOLDEFS).forEach(function(k) {
     var n = symDef.n;
     drawing.symbolList.push(
         n,
+        String(n),
         k,
+
         n + 100,
+        String(n + 100),
         k + '-open'
     );
     drawing.symbolNames[n] = k;
@@ -237,6 +240,7 @@ Object.keys(SYMBOLDEFS).forEach(function(k) {
             n + 200,
             String(n + 200),
             k + '-dot',
+
             n + 300,
             String(n + 300),
             k + '-open-dot'

test/image/baselines/symbols_string-numbers.png

@@ -0,0 +1,91 @@
+{
+    "data": [
+        {
+            "y": [
+                0,
+                0,
+                0,
+                0
+            ],
+            "type": "scatter",
+            "mode": "markers",
+            "marker": {
+                "line": { "width": 3, "color": "black" },
+                "size": 14,
+                "symbol": "1"
+            }
+        },
+        {
+            "y": [
+                1,
+                1,
+                1,
+                1
+            ],
+            "type": "scatter",
+            "mode": "markers",
+            "marker": {
+                "line": { "width": 3, "color": "black" },
+                "size": 14,
+                "symbol": "101"
+            }
+        },
+        {
+            "y": [
+                2,
+                2,
+                2,
+                2
+            ],
+            "type": "scatter",
+            "mode": "markers",
+            "marker": {
+                "line": { "width": 3, "color": "black" },
+                "size": 14,
+                "symbol": "201"
+            }
+        },
+        {
+            "y": [
+                3,
+                3,
+                3,
+                3
+            ],
+            "type": "scatter",
+            "mode": "markers",
+            "marker": {
+                "line": { "width": 3, "color": "black" },
+                "size": 14,
+                "symbol": "301"
+            }
+        },
+        {
+            "y": [
+                4,
+                4,
+                4,
+                4
+            ],
+            "type": "scatter",
+            "mode": "markers",
+            "marker": {
+                "line": { "width": 3, "color": "black" },
+                "size": 14,
+                "symbol": [
+                    "1",
+                    "101",
+                    "201",
+                    "301"
+                ]
+            }
+        }
+    ],
+    "layout": {
+        "title": {
+            "text": "Accept symbol numbers in string format"
+        },
+        "width": 400,
+        "height": 400
+    }
+}

test/image/mocks/symbols_string-numbers.json

@@ -905,6 +905,7 @@ var list = [
     'sunburst_values_colorscale',
     'sunburst_with-without_values',
     'sunburst_zero_values_textfit',
+    'symbols_string-numbers',
     'table_latex_multitrace_scatter',
     'table_plain_birds',
     'table_ragged',
@@ -1952,6 +1953,7 @@ figs['sunburst_values'] = require('@mocks/sunburst_values');
 figs['sunburst_values_colorscale'] = require('@mocks/sunburst_values_colorscale');
 figs['sunburst_with-without_values'] = require('@mocks/sunburst_with-without_values');
 figs['sunburst_zero_values_textfit'] = require('@mocks/sunburst_zero_values_textfit');
+figs['symbols_string-numbers'] = require('@mocks/symbols_string-numbers');
 figs['table_latex_multitrace_scatter'] = require('@mocks/table_latex_multitrace_scatter');
 // figs['table_plain_birds'] = require('@mocks/table_plain_birds');
 figs['table_ragged'] = require('@mocks/table_ragged');