From 27e50b36f88a1209f245ef52bab39df57eb46dd6 Mon Sep 17 00:00:00 2001 From: Nils Burghardt Date: Mon, 14 Jul 2025 11:48:17 +0200 Subject: [PATCH] fix main view charts --- .../mytimetracker/ui/component/ChartJsComponent.java | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/main/java/de/nilzbu/mytimetracker/ui/component/ChartJsComponent.java b/src/main/java/de/nilzbu/mytimetracker/ui/component/ChartJsComponent.java index 4577dab..1174ab1 100644 --- a/src/main/java/de/nilzbu/mytimetracker/ui/component/ChartJsComponent.java +++ b/src/main/java/de/nilzbu/mytimetracker/ui/component/ChartJsComponent.java @@ -37,7 +37,9 @@ public class ChartJsComponent extends Div { getElement().executeJs( """ const canvas = document.createElement('canvas'); - appendChild(canvas); + canvas.style.width = "100%"; + canvas.style.height = "100%"; + this.appendChild(canvas); const ctx = canvas.getContext('2d'); new Chart(ctx, { type: $0, @@ -64,8 +66,7 @@ public class ChartJsComponent extends Div { } /** - * Detects chart type based on chart data. - * If no definitive type can be determined, defaults to "bar". + * Bestimmt den Diagrammtyp basierend auf dem Dataset. */ private String detectChartType(JsonObject data) { try { @@ -82,7 +83,7 @@ public class ChartJsComponent extends Div { } /** - * Creates JSON chart data for a bar chart based on category counts. + * Erstellt ein Balkendiagramm für Kategoriezählungen. */ public static JsonObject generateBarChartData(Map categoryCounts) { JsonObject data = Json.createObject(); @@ -117,7 +118,7 @@ public class ChartJsComponent extends Div { } /** - * Creates JSON chart data for a line chart showing overtime balance. + * Erstellt ein Liniendiagramm zur Darstellung des Überzeit-Saldos. */ public static JsonObject generateLineChartData(List dates, List balanceValues) { JsonObject data = Json.createObject(); -- 2.49.1