Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-04 13:48:56 +02:00
Code Issues Projects Releases Wiki Activity

y axis formatter

Browse Source
This commit is contained in:
Tymoteusz Czech 2025-06-23 22:43:50 +02:00
parent bee42187b9
commit 663f26a12b
No known key found for this signature in database
GPG Key ID: 133555230D88D75F
2 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/component/insights/impact-metrics/ImpactMetrics.tsx
View File

@ -19,7 +19,8 @@ import {
getDisplayFormat, getDisplayFormat,
getSeriesLabel, getSeriesLabel,
getTimeUnit, getTimeUnit,
} from './impact-metrics-utils.ts'; formatLargeNumbers,
} from './utils.ts';
import { fromUnixTime } from 'date-fns'; import { fromUnixTime } from 'date-fns';
import { useSeriesColor } from './hooks/useSeriesColor.ts'; import { useSeriesColor } from './hooks/useSeriesColor.ts';
@ -254,6 +255,14 @@ export const ImpactMetrics: FC = () => {
}, },
ticks: { ticks: {
precision: 0, precision: 0,
callback: (
value: unknown,
): string | number =>
typeof value === 'number'
? formatLargeNumbers(
value,
)
: (value as number),
}, },
}, },
}, },

10
frontend/src/component/insights/impact-metrics/impact-metrics-utils.ts → frontend/src/component/insights/impact-metrics/utils.ts
View File

@ -48,3 +48,13 @@ export const getSeriesLabel = (metric: Record<string, string>): string => {
return `${__name__} (${labelParts})`; return `${__name__} (${labelParts})`;
}; };
export const formatLargeNumbers = (value: number): string => {
if (value >= 1000000) {
return `${(value / 1000000).toFixed(0)}M`;
}
if (value >= 1000) {
return `${(value / 1000).toFixed(0)}k`;
}
return value.toString();
};