Merge pull request #6629 from plotly/aggregated-pie-pattern-and-colors

Fix pattern colors of aggregated pie with patterns

Author: archmoj

draftlogs/6601_add.md

@@ -1,2 +1,2 @@
-- add pattern to pie, funnelarea, sunburst, icicle and treemap traces [[#6601](https://github.com/plotly/plotly.js/pull/6601), [#6619](https://github.com/plotly/plotly.js/pull/6619), [#6622](https://github.com/plotly/plotly.js/pull/6622), [#6626](https://github.com/plotly/plotly.js/pull/6626), [#6627](https://github.com/plotly/plotly.js/pull/6627)  [#6628](https://github.com/plotly/plotly.js/pull/6628)],
+- add pattern to pie, funnelarea, sunburst, icicle and treemap traces [[#6601](https://github.com/plotly/plotly.js/pull/6601), [#6619](https://github.com/plotly/plotly.js/pull/6619), [#6622](https://github.com/plotly/plotly.js/pull/6622), [#6626](https://github.com/plotly/plotly.js/pull/6626), [#6627](https://github.com/plotly/plotly.js/pull/6627, [#6628](https://github.com/plotly/plotly.js/pull/6628), [#6629](https://github.com/plotly/plotly.js/pull/6629)],
   with thanks to @thierryVergult for the contribution!

src/components/drawing/index.js

@@ -753,7 +753,8 @@ drawing.singlePointStyle = function(d, sel, trace, fns, gd, pt) {
                 fgcolor = pt.color;
                 perPointPattern = true;
             }
-            var patternFGColor = drawing.getPatternAttr(fgcolor, d.i, null);
+            var patternFGColor = drawing.getPatternAttr(fgcolor, d.i, (pt && pt.color) || null);
+
             var patternBGColor = drawing.getPatternAttr(markerPattern.bgcolor, d.i, null);
             var patternFGOpacity = markerPattern.fgopacity;
             var patternSize = drawing.getPatternAttr(markerPattern.size, d.i, 8);

test/image/baselines/pie_aggregated.png

@@ -26,7 +26,14 @@
         "values": [
             10, 20, 30, 40, 50, 60, 70, 80
         ],
-        "marker": {"colors": ["", "", "#ccc"]},
+        "marker": {
+          "colors": ["", "", "#ccc"],
+          "pattern": {
+            "fillmode": "replace",
+            "shape": ".",
+            "size": 3
+          }
+        },
         "type": "pie",
         "domain": {"x": [0.5, 1]},
         "textinfo": "label+value+percent"