Update RadarChart.tsx

Author: MarcusNotheis

packages/charts/src/components/RadarChart/RadarChart.tsx

@@ -4,7 +4,7 @@ import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/lib/Utils'
 import { ChartContainer } from '@ui5/webcomponents-react-charts/lib/next/ChartContainer';
 import { PieChartPlaceholder } from '@ui5/webcomponents-react-charts/lib/PieChartPlaceholder';
 import { useLegendItemClick } from '@ui5/webcomponents-react-charts/lib/useLegendItemClick';
-import React, { FC, forwardRef, Ref, useCallback } from 'react';
+import React, { FC, forwardRef, Ref, useCallback, useMemo } from 'react';
 import {
   Legend,
   PolarAngleAxis,
@@ -75,18 +75,21 @@ const RadarChart: FC<RadarChartProps> = forwardRef((props: RadarChartProps, ref:
     noLegend = false,
     onDataPointClick,
     onLegendClick,
-    chartConfig = {
-      margin: {},
-      legendPosition: 'bottom',
-      dataLabel: true,
-      polarGridType: 'circle'
-    },
     style,
     className,
     tooltip,
     slot
   } = props;
 
+  const chartConfig = useMemo(() => {
+    return {
+      legendPosition: 'bottom',
+      dataLabel: true,
+      polarGridType: 'circle',
+      ...props.chartConfig
+    };
+  }, [props.chartConfig]);
+
   const chartRef = useConsolidatedRef<any>(ref);
 
   const { dimensions, measures } = usePrepareDimensionsAndMeasures(