Merge pull request #19123 from ChepteaCatalin/fix-18997

feat(tooltip): add dataIndex to valueFormatter callback. close #18997

src/component/tooltip/seriesFormatTooltip.ts

@@ -96,7 +96,8 @@ export function defaultSeriesFormatTooltip(opt: {
                 // be not readable. So we check trim here.
                 noName: !trim(inlineName),
                 value: inlineValue,
-                valueType: inlineValueType
+                valueType: inlineValueType,
+                dataIndex
             })
         ].concat(subBlocks || [] as any)
     });

src/component/tooltip/tooltipMarkup.ts

@@ -163,6 +163,7 @@ export interface TooltipMarkupNameValueBlock extends TooltipMarkupBlock {
     // null/undefined/NaN/''... (displayed as '-').
     noName?: boolean;
     noValue?: boolean;
+    dataIndex?: number;
 
     valueFormatter?: CommonTooltipOption<unknown>['valueFormatter']
 }
@@ -332,7 +333,9 @@ function buildNameValue(
         ? ''
         : makeValueReadable(name, 'ordinal', useUTC);
     const valueTypeOption = fragment.valueType;
-    const readableValueList = noValue ? [] : valueFormatter(fragment.value as OptionDataValue);
+    const readableValueList = noValue
+        ? []
+        : valueFormatter(fragment.value as OptionDataValue, fragment.dataIndex);
     const valueAlignRight = !noMarker || !noName;
     // It little weird if only value next to marker but far from marker.
     const valueCloseToMarker = !noMarker && noName;

src/util/types.ts

@@ -1265,7 +1265,7 @@ export interface CommonTooltipOption<FormatterParams> {
      *
      * Will be ignored if tooltip.formatter is specified.
      */
-    valueFormatter?: (value: OptionDataValue | OptionDataValue[]) => string
+    valueFormatter?: (value: OptionDataValue | OptionDataValue[], dataIndex: number) => string
     /**
      * Absolution pixel [x, y] array. Or relative percent string [x, y] array.
      * If trigger is 'item'. position can be set to 'inside' / 'top' / 'left' / 'right' / 'bottom',