Merge pull request plotly#3891 from plotly/fix3871-pie-legend-color

fix pie-like legend when line color array has length greater than 3

Author: archmoj

src/components/legend/style.js

@@ -461,8 +461,13 @@ module.exports = function style(s, gd) {
         if(pts.size()) {
             var cont = (trace.marker || {}).line;
             var lw = boundLineWidth(pieCastOption(cont.width, d0.pts), cont, MAX_MARKER_LINE_WIDTH, CST_MARKER_LINE_WIDTH);
+
             var tMod = Lib.minExtend(trace, {marker: {line: {width: lw}}});
+            // since minExtend do not slice more than 3 items we need to patch line.color here
+            tMod.marker.line.color = cont.color;
+
             var d0Mod = Lib.minExtend(d0, {trace: tMod});
+
             stylePie(pts, d0Mod, tMod);
         }
     }

test/image/baselines/funnelarea_line_width.png

@@ -0,0 +1,41 @@
+{
+    "data": [
+        {
+            "type": "pie",
+            "labels": [
+                "a",
+                "b",
+                "c",
+                "yellow"
+            ],
+            "values": [
+                1,
+                3,
+                5,
+                7
+            ],
+            "marker": {
+                "colors": [
+                    "pink",
+                    "lightgreen",
+                    "skyblue",
+                    "orange"
+                ],
+                "line": {
+                    "width": 5,
+                    "color": [
+                        "red",
+                        "green",
+                        "blue",
+                        "yellow"
+                    ]
+                }
+            }
+        }
+    ],
+    "layout": {
+        "width": 400,
+        "height": 400,
+        "title": { "text": "pie-like legend with line.color array of length > 3" }
+    }
+}