Grafiken nun halb so hoch wie breit

frontend/src/components/WeatherDashboard.css

@@ -52,6 +52,7 @@
 }
 
 .chart-wrapper {
-  height: 250px;
+  width: 100%;
+  aspect-ratio: 2 / 1;
   position: relative;
 }

frontend/src/components/WeatherDashboard.jsx

@@ -27,7 +27,7 @@ const WeatherDashboard = ({ data }) => {
   // Gemeinsame Chart-Optionen
   const getCommonOptions = () => ({
     chart: {
-      height: 250,
+      height: '50%',
       animation: false,
       backgroundColor: 'transparent'
     },
@@ -108,8 +108,8 @@ const WeatherDashboard = ({ data }) => {
             [1, 'rgba(255, 99, 132, 0.1)']
           ]
         },
-        type: 'area',
+        type: 'areaspline',
-        threshold: yMin,
+        threshold: null,
         tooltip: {
           valueSuffix: ' °C'
         }
@@ -271,11 +271,11 @@ const WeatherDashboard = ({ data }) => {
       scatter: {
         marker: {
           enabled: true,
-          radius: 4,
+          radius: 2,
           states: {
             hover: {
               enabled: true,
-              radius: 6
+              radius: 3
             }
           }
         }