From 21ae4f9435448776fa6c79ad2a3d44630241dac6 Mon Sep 17 00:00:00 2001
From: Shubhabrata Ghosh <35366351+Shubhabrata08@users.noreply.github.com>
Date: Tue, 23 Apr 2024 12:31:08 +0530
Subject: [PATCH] Fix wrong position of hover callout in case of single data
 AreaChart (#30256)

---
 ...eact-charting-4b4305e3-4ff3-49f0-88b1-d147b5063a05.json | 7 +++++++
 .../src/components/AreaChart/AreaChart.base.tsx            | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 change/@fluentui-react-charting-4b4305e3-4ff3-49f0-88b1-d147b5063a05.json

diff --git a/change/@fluentui-react-charting-4b4305e3-4ff3-49f0-88b1-d147b5063a05.json b/change/@fluentui-react-charting-4b4305e3-4ff3-49f0-88b1-d147b5063a05.json
new file mode 100644
index 0000000000000..49b8340dba51b
--- /dev/null
+++ 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
index 58e3312d37170..8c99b98300071 100644
--- a/packages/react-charting/src/components/AreaChart/AreaChart.base.tsx
+++ b/packages/react-charting/src/components/AreaChart/AreaChart.base.tsx
@@ -246,9 +246,10 @@ 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;
@@ -256,7 +257,6 @@ export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartSt
       pointToHighlight = d0.x;
       index = i - 1;
     } else {
-      axisType = getTypeOfAxis(lineChartData![0].data[0].x, true) as XAxisTypes;
       let x0;
       let point0;
       let point1;