fix mapbox hover label color for array marker.color values

Author: etpinard

src/traces/scattermapbox/convert.js

@@ -200,7 +200,10 @@ function makeCircleGeoJSON(calcTrace, hash) {
         if(isBADNUM(lonlat)) continue;
 
         var props = {};
-        if(colorFn) translate(props, COLOR_PROP, colorFn(calcPt.mc), i);
+        if(colorFn) {
+            var mcc = calcPt.mcc = colorFn(calcPt.mc);
+            translate(props, COLOR_PROP, mcc, i);
+        }
         if(sizeFn) translate(props, SIZE_PROP, sizeFn(calcPt.ms), i);
 
         features.push({

test/jasmine/tests/scattermapbox_test.js

@@ -490,6 +490,24 @@ describe('@noCI scattermapbox hover', function() {
             done();
         });
     });
+
+    it('should generate hover label (\'marker.color\' array case)', function(done) {
+        Plotly.restyle(gd, 'marker.color', [['red', 'blue', 'green']]).then(function() {
+            var out = hoverPoints(getPointData(gd), 11, 11)[0];
+
+            expect(out.color).toEqual('red');
+        })
+        .then(done);
+    });
+
+    it('should generate hover label (\'marker.color\' w/ colorscale case)', function(done) {
+        Plotly.restyle(gd, 'marker.color', [[10, 5, 30]]).then(function() {
+            var out = hoverPoints(getPointData(gd), 11, 11)[0];
+
+            expect(out.color).toEqual('rgb(245, 195, 157)');
+        })
+        .then(done);
+    });
 });