Fix wrong position of hover callout in case of single data AreaChart (#…

…30256)
microsoft · Apr 23, 2024 · 21ae4f9 · 21ae4f9
1 parent 5fb544f
commit 21ae4f9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/change/@fluentui-react-charting-4b4305e3-4ff3-49f0-88b1-d147b5063a05.json b/change/@fluentui-react-charting-4b4305e3-4ff3-49f0-88b1-d147b5063a05.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Set axisType for single data point in case of AreaChart",
+  "packageName": "@fluentui/react-charting",
+  "email": "shubhabrata08@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-charting/src/components/AreaChart/AreaChart.base.tsx b/packages/react-charting/src/components/AreaChart/AreaChart.base.tsx
@@ -246,17 +246,17 @@ export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartSt
     const i = bisect(lineChartData![0].data, xOffset);
     const d0 = lineChartData![0].data[i - 1] as ILineChartDataPoint;
     const d1 = lineChartData![0].data[i] as ILineChartDataPoint;
-    let axisType: XAxisTypes | null = null;
     let pointToHighlight: string | Date | number | null = null;
     let index: null | number = null;
+    const axisType =
+      lineChartData![0].data.length > 0 ? (getTypeOfAxis(lineChartData![0].data[0].x, true) as XAxisTypes) : null;
     if (d0 === undefined && d1 !== undefined) {
       pointToHighlight = d1.x;
       index = i;
     } else if (d0 !== undefined && d1 === undefined) {
       pointToHighlight = d0.x;
       index = i - 1;
     } else {
-      axisType = getTypeOfAxis(lineChartData![0].data[0].x, true) as XAxisTypes;
       let x0;
       let point0;
       let point1;