fix(react-charts): remove default culture (microsoft#35175)

Co-authored-by: Anush <[email protected]>

Author: Anush2303

change/@fluentui-react-charts-cec41375-1f63-4b96-926c-192215414a94.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "remove default culture in v9 charts",
+  "packageName": "@fluentui/react-charts",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/charts/react-charts/library/src/components/FunnelChart/FunnelChart.tsx

@@ -485,7 +485,7 @@ export const FunnelChart: React.FunctionComponent<FunnelChartProps> = React.forw
           {...props.calloutProps}
           XValue={calloutProps?.hoverXValue as string}
           yCalloutValue={calloutProps?.YValue as string}
-          culture={props.culture ?? 'en-us'}
+          culture={props.culture}
           clickPosition={clickPosition}
           isPopoverOpen={isPopoverOpen}
           color={calloutProps?.color}

packages/charts/react-charts/library/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.tsx

@@ -336,7 +336,7 @@ export const GroupedVerticalBarChart: React.FC<GroupedVerticalBarChartProps> = R
     YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,
     YValueHover,
     hoverXValue,
-    culture: props.culture ?? 'en-us',
+    culture: props.culture,
     isCartesian: true,
     ...props.calloutProps,
     ...getAccessibleDataObject(callOutAccessibilityData, 'text', false),

packages/charts/react-charts/library/src/components/HorizontalBarChart/HorizontalBarChart.tsx

@@ -458,7 +458,7 @@ export const HorizontalBarChart: React.FunctionComponent<HorizontalBarChartProps
       <ChartPopover
         xCalloutValue={xCalloutValue}
         yCalloutValue={yCalloutValue}
-        culture={props.culture ?? 'en-us'}
+        culture={props.culture}
         clickPosition={clickPosition}
         isPopoverOpen={isPopoverOpen}
         legend={legend!}

packages/charts/react-charts/library/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.tsx

@@ -157,7 +157,7 @@ export const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarCh
           legend={point.legend}
           YValue={point.yAxisCalloutData || point.y}
           color={color}
-          culture={props.culture ?? 'en-us'}
+          culture={props.culture}
           clickPosition={clickPosition}
           isPopoverOpen={isPopoverOpen}
         />

packages/charts/react-charts/library/src/components/LineChart/LineChart.tsx

@@ -1713,7 +1713,7 @@ export const LineChart: React.FunctionComponent<LineChartProps> = React.forwardR
       clickPosition: clickPosition,
       isPopoverOpen: isPopoverOpen,
       isCalloutForStack: props.isCalloutForStack,
-      culture: props.culture ?? 'en-us',
+      culture: props.culture,
       isCartesian: true,
       customCallout: {
         customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,

packages/charts/react-charts/library/src/components/ScatterChart/ScatterChart.tsx

@@ -717,7 +717,7 @@ export const ScatterChart: React.FunctionComponent<ScatterChartProps> = React.fo
     clickPosition,
     isPopoverOpen,
     isCalloutForStack: true,
-    culture: props.culture ?? 'en-us',
+    culture: props.culture,
     isCartesian: true,
   };
   const tickParams = {

packages/charts/react-charts/library/src/components/VerticalBarChart/VerticalBarChart.tsx

@@ -352,7 +352,7 @@ export const VerticalBarChart: React.FunctionComponent<VerticalBarChartProps> =
       return (
         <>
           <ChartPopover
-            culture={props.culture ?? 'en-us'}
+            culture={props.culture}
             clickPosition={clickPosition}
             isPopoverOpen={isPopoverOpen}
             legend={item.legend!}
@@ -374,7 +374,7 @@ export const VerticalBarChart: React.FunctionComponent<VerticalBarChartProps> =
           XValue={_props.xAxisCalloutData || (_props.x as string)}
           xCalloutValue={xCalloutValue}
           yCalloutValue={yCalloutValue}
-          culture={props.culture ?? 'en-us'}
+          culture={props.culture}
           clickPosition={clickPosition}
           isPopoverOpen={isPopoverOpen}
           legend={_props.legend!}
@@ -1198,7 +1198,7 @@ export const VerticalBarChart: React.FunctionComponent<VerticalBarChartProps> =
     clickPosition: clickPosition,
     isPopoverOpen: isPopoverOpen,
     isCalloutForStack: _isHavingLine && (_noLegendHighlighted() || _getHighlightedLegend().length > 1),
-    culture: props.culture ?? 'en-us',
+    culture: props.culture,
     isCartesian: true,
     customCallout: {
       customizedCallout: _getCustomizedCallout() != null ? _getCustomizedCallout()! : undefined,

packages/charts/react-charts/library/src/components/VerticalStackedBarChart/VerticalStackedBarChart.tsx

@@ -733,7 +733,7 @@ export const VerticalStackedBarChart: React.FunctionComponent<VerticalStackedBar
     function _renderCallout(props?: VSChartDataPoint): JSXElement | null {
       return props ? (
         <ChartPopover
-          culture={props.culture ?? 'en-us'}
+          culture={props.culture}
           XValue={props.xAxisCalloutData}
           xCalloutValue={xCalloutValue}
           yCalloutValue={yCalloutValue}