fankes/beszel
2
0
Fork 0
mirror of https://github.com/fankes/beszel.git synced 2025-10-20 02:09:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

add time back to memory chart tooltip

Browse Source
This commit is contained in:
Henry Dollman
2024-10-07 18:19:28 -04:00
parent e81f8ac387
commit 7a82571921
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
beszel/site/src/components/charts/mem-chart.tsx
View File

@@ -1,7 +1,14 @@
import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts' import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from 'recharts'
import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart' import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart'
import { useYAxisWidth, chartTimeData, cn, toFixedFloat, twoDecimalString } from '@/lib/utils' import {
useYAxisWidth,
chartTimeData,
cn,
toFixedFloat,
twoDecimalString,
formatShortDate,
} from '@/lib/utils'
import { useMemo } from 'react' import { useMemo } from 'react'
import { useStore } from '@nanostores/react' import { useStore } from '@nanostores/react'
import { $chartTime } from '@/lib/stores' import { $chartTime } from '@/lib/stores'
@@ -72,6 +79,7 @@ export default function MemChart({
<ChartTooltipContent <ChartTooltipContent
// @ts-ignore // @ts-ignore
itemSorter={(a, b) => a.order - b.order} itemSorter={(a, b) => a.order - b.order}
labelFormatter={(_, data) => formatShortDate(data[0].payload.created)}
contentFormatter={(item) => twoDecimalString(item.value) + ' GB'} contentFormatter={(item) => twoDecimalString(item.value) + ' GB'}
indicator="line" indicator="line"
/> />