Mode check for declarative area chart (#33467)

microsoft · Dec 17, 2024 · 835c01b · 835c01b
1 parent ce5e90c
commit 835c01b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json b/change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Mode check for declarative area chart ",
+  "packageName": "@fluentui/react-charting",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -127,7 +127,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
         );
       }
     case 'scatter':
-      const isAreaChart = data.some((series: any) => series.fill === 'tonexty');
+      const isAreaChart = data.some((series: any) => series.fill === 'tonexty' || series.fill === 'tozeroy');
       if (isXDate || isXNumber) {
         if (isAreaChart) {
           return (