modify analytics

This commit is contained in:
Torben Haack 2024-11-05 07:57:06 +01:00
parent cddd8c1814
commit 4a9131a562
No known key found for this signature in database
4 changed files with 7 additions and 10 deletions

View File

@ -1,9 +1,8 @@
"use client";
import { Bar, BarChart, XAxis, YAxis } from "recharts";
import { Bar, BarChart, CartesianGrid, XAxis, YAxis } from "recharts";
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
import { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart";
import { StopwatchIcon } from "@radix-ui/react-icons";
export const description = "Ein horizontales Balkendiagramm zur Darstellung der durchschnittlichen Leerlaufzeit";
@ -37,9 +36,10 @@ export function PrinterIdleTimeChart({ printerIdleTime }: PrinterIdleTimeChartPr
<CardDescription>Durchschnittliche Leerlaufzeit der Drucker in Minuten</CardDescription>
</CardHeader>
<CardContent>
<ChartContainer className="h-64" config={chartConfig}>
<ChartContainer className="h-64 w-full" config={chartConfig}>
<BarChart accessibilityLayer data={chartData} layout="vertical">
<XAxis type="number" dataKey="idleTime" hide />
<CartesianGrid vertical={true} />
<XAxis type="number" dataKey="idleTime" label={"Minuten"} />
<YAxis
dataKey="printer"
type="category"
@ -54,11 +54,8 @@ export function PrinterIdleTimeChart({ printerIdleTime }: PrinterIdleTimeChartPr
</ChartContainer>
</CardContent>
<CardFooter className="flex-col items-start gap-2 text-sm">
<div className="flex gap-2 font-medium leading-none">
Durchschnittliche Leerlaufzeiten der Drucker <StopwatchIcon className="h-4 w-4" />
</div>
<div className="leading-none text-muted-foreground">
Zeigt die durchschnittliche Leerlaufzeit für jeden Drucker
Zeigt die durchschnittliche Leerlaufzeit für jeden Drucker in Minuten
</div>
</CardFooter>
</Card>

View File

@ -36,7 +36,7 @@ export function PrinterVolumeChart({ printerVolume }: PrinterVolumeChartProps) {
<CardDescription>Vergleich: Heute, Diese Woche, Diesen Monat</CardDescription>
</CardHeader>
<CardContent>
<ChartContainer className="h-64" config={chartConfig}>
<ChartContainer className="h-64 w-full" config={chartConfig}>
<BarChart
accessibilityLayer
data={chartData}

View File

@ -22,7 +22,7 @@ export function calculatePrinterIdleTime(
const now = new Date();
const startOfThisMonth = startOfMonth(now);
const endOfThisMonth = endOfMonth(now);
const totalMinutesInMonth = (endOfThisMonth.getTime() - startOfThisMonth.getTime()) / (1000 * 60);
const totalMinutesInMonth = 60 * 70 * 4; // 60min * 70h (35*2) * 4 Weeks
const usedTimePerPrinter: Record<string, number> = pJobs.reduce(
(acc, job) => {