pass percent value in series label params

Author: sjcobb

src/component/tooltip/seriesFormatTooltip.ts

@@ -76,7 +76,8 @@ export function defaultSeriesFormatTooltip(opt: {
             // this series gives its individual contribution.
             if (!isNaN(stackTop) && !isNaN(stackBottom)) {
                 const percentValue = stackTop - stackBottom;
-                inlineValue = `${inlineValue} (${percentValue.toFixed(1)}%)`;
+                const formattedPercentValue = `${Number.parseFloat(percentValue.toFixed(2))}%`;
+                inlineValue = `${inlineValue} (${formattedPercentValue})`;
             }
         }
     }

src/model/mixin/dataFormat.ts

@@ -72,7 +72,7 @@ export class DataFormatMixin {
         const isSeries = mainType === 'series';
         const userOutput = data.userOutput && data.userOutput.get();
 
-        return {
+        const params: CallbackDataParams = {
             componentType: mainType,
             componentSubType: this.subType,
             componentIndex: this.componentIndex,
@@ -93,6 +93,20 @@ export class DataFormatMixin {
             // Param name list for mapping `a`, `b`, `c`, `d`, `e`
             $vars: ['seriesName', 'name', 'value']
         };
+
+        const isPercentStackEnabled = data.getCalculationInfo('isPercentStackEnabled');
+        if (isPercentStackEnabled) {
+            // Include the normalized value when stackPercent is true.
+            const stackResultDim = data.getCalculationInfo('stackResultDimension');
+            const stackedOverDim = data.getCalculationInfo('stackedOverDimension');
+            const stackTop = data.get(stackResultDim, dataIndex) as number;
+            const stackBottom = data.get(stackedOverDim, dataIndex) as number;
+            if (!isNaN(stackTop) && !isNaN(stackBottom)) {
+                const fullPercentValue = stackTop - stackBottom;
+                params.percent = Math.round(fullPercentValue * 100) / 100;
+            }
+        }
+        return params;
     }
 
     /**

src/util/model.ts

@@ -1093,4 +1093,4 @@ export function interpolateRawValues(
         }
         return interpolated;
     }
-}
+}

src/util/types.ts

@@ -702,7 +702,7 @@ export interface CallbackDataParams {
     marker?: TooltipMarker;
     status?: DisplayState;
     dimensionIndex?: number;
-    percent?: number; // Only for chart like 'pie'
+    percent?: number; // Only for chart like 'pie' or when 'stackPercent' is used.
 
     // Param name list for mapping `a`, `b`, `c`, `d`, `e`
     $vars: string[];