XYChart2: Remove common series name from tooltip items (#86739)

This commit is contained in:
Leon Sorokin 2024-04-22 22:24:39 -05:00 committed by GitHub
parent 2b3457e6ed
commit 7754d0d4dc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -23,6 +23,14 @@ export interface Props {
xySeries: XYSeries[];
}
function stripSeriesName(fieldName: string, seriesName: string) {
if (fieldName.includes(' ')) {
fieldName = fieldName.replace(seriesName, '').trim();
}
return fieldName;
}
export const XYChartTooltip = ({ dataIdxs, seriesIdx, data, xySeries, dismiss, isPinned }: Props) => {
const styles = useStyles2(getStyles);
@ -51,18 +59,18 @@ export const XYChartTooltip = ({ dataIdxs, seriesIdx, data, xySeries, dismiss, i
const contentItems: VizTooltipItem[] = [
{
label: xField.state?.displayName ?? xField.name,
label: stripSeriesName(xField.state?.displayName ?? xField.name, label),
value: fmt(xField, xField.values[rowIndex]),
},
{
label: yField.state?.displayName ?? yField.name,
label: stripSeriesName(yField.state?.displayName ?? yField.name, label),
value: fmt(yField, yField.values[rowIndex]),
},
];
series._rest.forEach((field) => {
contentItems.push({
label: field.state?.displayName ?? field.name,
label: stripSeriesName(field.state?.displayName ?? field.name, label),
value: fmt(field, field.values[rowIndex]),
});
});