Fix tooltip showing as undefined for first tick

This commit is contained in:
Sean Kelly 2024-04-28 22:30:45 -07:00
parent 90468c8bf5
commit d8567ee5c6

View File

@ -37,10 +37,6 @@ export function ThresholdBarGraph({
const formatTime = useCallback( const formatTime = useCallback(
(val: unknown) => { (val: unknown) => {
if (val == 1) {
return;
}
const date = new Date(updateTimes[Math.round(val as number) - 1] * 1000); const date = new Date(updateTimes[Math.round(val as number) - 1] * 1000);
return date.toLocaleTimeString([], { return date.toLocaleTimeString([], {
hour12: config?.ui.time_format != "24hour", hour12: config?.ui.time_format != "24hour",
@ -111,8 +107,8 @@ export function ThresholdBarGraph({
tickPlacement: "on", tickPlacement: "on",
labels: { labels: {
rotate: 0, rotate: 0,
offsetX: -18,
formatter: formatTime, formatter: formatTime,
offsetX: isMobileOnly ? -18 : 0,
}, },
axisBorder: { axisBorder: {
show: false, show: false,
@ -302,10 +298,6 @@ export function CameraLineGraph({
const formatTime = useCallback( const formatTime = useCallback(
(val: unknown) => { (val: unknown) => {
if (val == 1) {
return;
}
const date = new Date(updateTimes[Math.round(val as number)] * 1000); const date = new Date(updateTimes[Math.round(val as number)] * 1000);
return date.toLocaleTimeString([], { return date.toLocaleTimeString([], {
hour12: config?.ui.time_format != "24hour", hour12: config?.ui.time_format != "24hour",