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<String, Long> 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<LocalDate> dates, List<Double> balanceValues) {
         JsonObject data = Json.createObject();