fix(react-charting): Log empty x and y arrays for bar chart (microsoft#35166)

Author: srmukher

change/@fluentui-chart-utilities-1f812b64-b65f-402e-9d31-7bdc7296df61.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix(react-charting): Log empty x and y arrays for bar chart",
+  "packageName": "@fluentui/chart-utilities",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/charts/chart-utilities/src/PlotlySchemaConverter.ts

@@ -232,6 +232,19 @@ const validateSeriesData = (series: Partial<PlotData>, validateNumericY: boolean
 };
 
 const validateBarData = (data: Partial<PlotData>) => {
+  const isXEmpty = data.x && isArrayOrTypedArray(data.x) && data.x.length === 0;
+  const isYEmpty = data.y && isArrayOrTypedArray(data.y) && data.y.length === 0;
+  if (isXEmpty || isYEmpty) {
+    let emptyMsg = 'Bar chart: ';
+    if (isXEmpty && isYEmpty) {
+      emptyMsg += 'both x and y arrays are empty.';
+    } else if (isXEmpty) {
+      emptyMsg += 'x array is empty.';
+    } else if (isYEmpty) {
+      emptyMsg += 'y array is empty.';
+    }
+    throw new Error(emptyMsg);
+  }
   if (data.orientation === 'h') {
     if (!isNumberArray(data.x) && !isDateArray(data.x)) {
       throw new Error(
@@ -245,8 +258,10 @@ const validateBarData = (data: Partial<PlotData>) => {
       );
     }
     validateSeriesData(data, false);
-  } else if (!isNumberArray(data.y) && !isStringArray(data.y) && !isObjectArray(data.y)) {
-    throw new Error(`Non numeric, string, or object Y values encountered, type: ${typeof data.y}`);
+  } else {
+    if (!isNumberArray(data.y) && !isStringArray(data.y) && !isObjectArray(data.y)) {
+      throw new Error(`Non numeric, string, or object Y values encountered, type: ${typeof data.y}`);
+    }
   }
 };
 const isScatterMarkers = (mode: string): boolean => {