in legend use the color in the middle of scale not from the first point

Author: archmoj

Diff for: src/components/legend/style.js

@@ -348,9 +348,14 @@ module.exports = function style(s, gd, legend) {
 
             p.style('stroke-width', w + 'px');
 
-            var mcc;
-            if('mc' in d0) {
-                mcc = Drawing.tryColorscale(marker, '')(d0.mc);
+            var mcc = d0.mcc;
+            if(!legend._inHover && 'mc' in d0) {
+                // not in unified hover but
+                // for legend use the color in the middle of scale
+                var cOpts = extractOpts(marker);
+                var mid = cOpts.mid;
+                if(mid === undefined) mid = (cOpts.max + cOpts.min) / 2;
+                mcc = Drawing.tryColorscale(marker, '')(mid);
             }
             var fillColor = mcc || d0.mc || marker.color;