core/Projektarbeit-MYP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modify analytics

Browse Source
This commit is contained in:
Torben Haack
2024-11-05 07:57:06 +01:00
parent cddd8c1814
commit 4a9131a562
4 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/reservation-platform/src/app/admin/charts/printer-idle.tsx
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>

2
packages/reservation-platform/src/app/admin/charts/printer-volume.tsx
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}