fankes/beszel
2
0
Fork 0
mirror of https://github.com/fankes/beszel.git synced 2025-10-22 11:29:23 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update charts to use fixed time for x axis

Browse Source
This commit is contained in:
Henry Dollman
2024-07-16 16:40:37 -04:00
parent cdb069e633
commit 4f3796e9bc
7 changed files with 141 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
site/src/lib/utils.ts
View File

@@ -50,7 +50,10 @@ const shortTimeFormatter = new Intl.DateTimeFormat(undefined, {
hour: 'numeric',
minute: 'numeric',
})
export const formatShortTime = (timestamp: string) => shortTimeFormatter.format(new Date(timestamp))
export const formatShortTime = (timestamp: string) => {
// console.log('ts', timestamp)
return shortTimeFormatter.format(new Date(timestamp))
}
const shortDateFormatter = new Intl.DateTimeFormat(undefined, {
day: 'numeric',
@@ -60,7 +63,10 @@ const shortDateFormatter = new Intl.DateTimeFormat(undefined, {
hour: 'numeric',
minute: 'numeric',
})
export const formatShortDate = (timestamp: string) => shortDateFormatter.format(new Date(timestamp))
export const formatShortDate = (timestamp: string) => {
console.log('ts', timestamp)
return shortDateFormatter.format(new Date(timestamp))
}
export const updateFavicon = (newIconUrl: string) =>
((document.querySelector("link[rel='icon']") as HTMLLinkElement).href = newIconUrl)
@@ -118,3 +124,12 @@ export function getPbTimestamp(timeString: string) {
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
}
export const calculateXaxisTicks = (chartData: any[]) => {
const ticks: number[] = []
const lastDate = chartData.at(-1)!.time
for (let i = 60; i >= 0; i--) {
ticks.push(lastDate - i * 60 * 1000)
}
return ticks
}