feat(series): provide a fillStyle factory option for the AreaSeries

markmcdowell · May 21, 2021 · b1249fa · b1249fa
1 parent 1e3b3e1
commit b1249fa
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/packages/series/src/AreaOnlySeries.tsx b/packages/series/src/AreaOnlySeries.tsx
@@ -26,7 +26,9 @@ export interface AreaOnlySeriesProps {
     /**
      * Color, gradient, or pattern to use for fill.
      */
-    readonly fillStyle?: string;
+    readonly fillStyle?:
+        | string
+        | ((context: CanvasRenderingContext2D, moreProps: any) => string | CanvasGradient | CanvasPattern);
     /**
      * Selector for data to plot.
      */
@@ -71,7 +73,11 @@ export class AreaOnlySeries extends React.Component<AreaOnlySeriesProps> {
         }
 
         if (fillStyle !== undefined) {
-            ctx.fillStyle = fillStyle;
+            if (typeof fillStyle === "string") {
+                ctx.fillStyle = fillStyle;
+            } else {
+                ctx.fillStyle = fillStyle(ctx, moreProps);
+            }
         }
 
         const newBase = functor(base);

diff --git a/packages/series/src/AreaSeries.tsx b/packages/series/src/AreaSeries.tsx
@@ -20,7 +20,9 @@ export interface AreaSeriesProps {
     /**
      * Color, gradient, or pattern to use for fill.
      */
-    readonly fillStyle?: string;
+    readonly fillStyle?:
+        | string
+        | ((context: CanvasRenderingContext2D, moreProps: any) => string | CanvasGradient | CanvasPattern);
     /**
      * A factory for a curve generator for the area and line.
      */