Showing total values when multiple legends are selected

microsoft · Dec 12, 2024 · 434fc6d · 434fc6d
1 parent 24ce6bf
commit 434fc6d
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
@@ -341,15 +341,18 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
     const highlightedLegends = this._getHighlightedLegend();
     if (valueInsideDonut !== undefined && (highlightedLegends.length > 0 || this.state.showHover)) {
       let legendValue = valueInsideDonut;
+      let totalValue = 0;
       data!.map((point: IChartDataPoint, index: number) => {
         if (
           highlightedLegends.includes(point.legend!) ||
           (this.state.showHover && point.legend === this.state.legend)
         ) {
           legendValue = point.yAxisCalloutData ? point.yAxisCalloutData : point.data!;
+          totalValue += point.data!;
         }
         return;
       });
+      legendValue = totalValue === 0 ? legendValue : totalValue;
       return legendValue;
     } else {
       return valueInsideDonut;