From e3a4bb79b3c1a08283267fafec9cc678c15e463f Mon Sep 17 00:00:00 2001
From: d066024 <tobias.koehler01@sap.com>
Date: Tue, 28 Jul 2020 12:11:40 +0200
Subject: [PATCH 1/2] fix(PieChart): added the option to style the tooltip
 label and items via the chartConfig, also added as item style default color
 sapTextColor, now the items are readable while using the dark theme

---
 packages/charts/src/components/PieChart/PieChart.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/charts/src/components/PieChart/PieChart.tsx b/packages/charts/src/components/PieChart/PieChart.tsx
index c2569f5a888..fbf00330b9e 100644
--- a/packages/charts/src/components/PieChart/PieChart.tsx
+++ b/packages/charts/src/components/PieChart/PieChart.tsx
@@ -81,6 +81,8 @@ const PieChart: FC<PieChartProps> = forwardRef((props: PieChartProps, ref: Ref<H
       paddingAngle: 0,
       outerRadius: '80%',
       resizeDebounce: 250,
+      tooltipItemStyle: { color: 'var (--sapTextColor)' },
+      tooltipLabelStyle: {},
       ...props.chartConfig
     };
   }, [props.chartConfig]);
@@ -182,7 +184,13 @@ const PieChart: FC<PieChartProps> = forwardRef((props: PieChartProps, ref: Ref<H
               />
             ))}
         </Pie>
-        <Tooltip cursor={tooltipFillOpacity} formatter={tooltipValueFormatter} contentStyle={tooltipContentStyle} />
+        <Tooltip
+          cursor={tooltipFillOpacity}
+          formatter={tooltipValueFormatter}
+          contentStyle={tooltipContentStyle}
+          itemStyle={chartConfig.tooltipItemStyle}
+          labelStyle={chartConfig.tooltipLabelStyle}
+        />
         {!noLegend && (
           <Legend
             verticalAlign={chartConfig.legendPosition}

From c76fce5f4563c0f1455159547b4d1f6cbd75cedd Mon Sep 17 00:00:00 2001
From: d066024 <tobias.koehler01@sap.com>
Date: Tue, 28 Jul 2020 12:21:28 +0200
Subject: [PATCH 2/2] fix(PieChart): default object

---
 packages/charts/src/components/PieChart/PieChart.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/charts/src/components/PieChart/PieChart.tsx b/packages/charts/src/components/PieChart/PieChart.tsx
index fbf00330b9e..72aed7829e0 100644
--- a/packages/charts/src/components/PieChart/PieChart.tsx
+++ b/packages/charts/src/components/PieChart/PieChart.tsx
@@ -55,6 +55,8 @@ export interface PieChartProps extends IChartBaseProps<IPolarChartConfig> {
   measure: MeasureConfig;
 }
 
+const tooltipItemDefaultStyle = { color: 'var (--sapTextColor)' };
+
 /**
  * <code>import { PieChart } from '@ui5/webcomponents-react-charts/lib/PieChart';</code>
  */
@@ -81,8 +83,7 @@ const PieChart: FC<PieChartProps> = forwardRef((props: PieChartProps, ref: Ref<H
       paddingAngle: 0,
       outerRadius: '80%',
       resizeDebounce: 250,
-      tooltipItemStyle: { color: 'var (--sapTextColor)' },
-      tooltipLabelStyle: {},
+      tooltipItemStyle: tooltipItemDefaultStyle,
       ...props.chartConfig
     };
   }, [props.chartConfig]);