diff --git a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx index 4b9d0ea5120..73e7371476e 100644 --- a/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx +++ b/packages/grafana-ui/src/components/uPlot/plugins/TooltipPlugin.tsx @@ -25,6 +25,7 @@ import { findMidPointYPosition, pluginLog } from '../utils'; interface TooltipPluginProps { timeZone: TimeZone; data: DataFrame; + frames?: DataFrame[]; config: UPlotConfigBuilder; mode?: TooltipDisplayMode; sortOrder?: SortOrder; @@ -203,7 +204,7 @@ export const TooltipPlugin: React.FC = ({ series={[ { color: display.color || FALLBACK_COLOR, - label: getFieldDisplayName(field, otherProps.data), + label: getFieldDisplayName(field, otherProps.data, otherProps.frames), value: display ? formattedValueToString(display) : null, }, ]} @@ -237,7 +238,7 @@ export const TooltipPlugin: React.FC = ({ sortIdx.push(v); series.push({ color: display.color || FALLBACK_COLOR, - label: getFieldDisplayName(field, frame), + label: getFieldDisplayName(field, frame, otherProps.frames), value: display ? formattedValueToString(display) : null, isActive: focusedSeriesIdx === i, }); diff --git a/public/app/plugins/panel/timeseries/TimeSeriesPanel.tsx b/public/app/plugins/panel/timeseries/TimeSeriesPanel.tsx index 4186852af1d..a5bf02bb08f 100644 --- a/public/app/plugins/panel/timeseries/TimeSeriesPanel.tsx +++ b/public/app/plugins/panel/timeseries/TimeSeriesPanel.tsx @@ -71,6 +71,7 @@ export const TimeSeriesPanel: React.FC = ({ {options.tooltip.mode === TooltipDisplayMode.None || ( = ({ ) : ( >; timeZone: TimeZone; @@ -179,6 +180,7 @@ export const ContextMenuPlugin: React.FC = ({ {isOpen && coords && ( = ({ ); }; -interface ContextMenuProps { +interface ContextMenuViewProps { data: DataFrame; + frames?: DataFrame[]; defaultItems?: MenuItemsGroup[]; timeZone: TimeZone; onClose?: () => void; @@ -208,7 +211,7 @@ interface ContextMenuProps { replaceVariables?: InterpolateFunction; } -export const ContextMenuView: React.FC = ({ +export const ContextMenuView: React.FC = ({ selection, timeZone, defaultItems, @@ -274,7 +277,7 @@ export const ContextMenuView: React.FC = ({ timestamp={xFieldFmt(xField.values.get(dataIdx)).text} displayValue={displayValue} seriesColor={displayValue.color!} - displayName={getFieldDisplayName(field, data)} + displayName={getFieldDisplayName(field, data, otherProps.frames)} /> ); }