scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-09 03:18:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 109

Merge pull request #27464 from Bytechoreographer/fix/hidden_sidebar_digits

Browse source 
fix(ui): usage charts clip Y-axis labels at large token/request counts
This commit is contained in:
Sameer Kankute 2026-06-24 17:23:08 +05:30 • committed by GitHub
commit 5a8b0487a8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
ui/litellm-dashboard/src/components/UsagePage/utils/value_formatters.tsx
View file

@ -1,6 +1,9 @@
export function valueFormatter(number: number) {
if (number >= 1000000) {
return (number / 1000000).toFixed(2) + "M";
if (number >= 1_000_000_000) {
return (number / 1_000_000_000).toFixed(2) + "B";
}
if (number >= 1_000_000) {
return (number / 1_000_000).toFixed(2) + "M";
}
if (number >= 1000) {
return number / 1000 + "k";
@ -10,8 +13,11 @@ export function valueFormatter(number: number) {
export function valueFormatterSpend(number: number) {
if (number === 0) return "$0";
if (number >= 1000000) {
return "$" + number / 1000000 + "M";
if (number >= 1_000_000_000) {
return "$" + (number / 1_000_000_000).toFixed(2) + "B";
}
if (number >= 1_000_000) {
return "$" + (number / 1_000_000).toFixed(2) + "M";
}
if (number >= 1000) {
return "$" + number / 1000 + "k";

4
ui/litellm-dashboard/src/components/activity_metrics.tsx
View file

@ -295,6 +295,7 @@ export const ActivityMetrics: React.FC<ActivityMetricsProps> = ({ modelMetrics,
valueFormatter={valueFormatter}
customTooltip={CustomTooltip}
showLegend={false}
yAxisWidth={80}
/>
</Card>
<Card>
@ -311,9 +312,10 @@ export const ActivityMetrics: React.FC<ActivityMetricsProps> = ({ modelMetrics,
index="date"
categories={["metrics.successful_requests", "metrics.failed_requests"]}
colors={["emerald", "red"]}
valueFormatter={(number: number) => number.toLocaleString()}
valueFormatter={valueFormatter}
customTooltip={CustomTooltip}
showLegend={false}
yAxisWidth={80}
/>
</Card>
</Grid>