charts

client/src/app/running/running-metric-chart.component.ts

@@ -113,6 +113,9 @@ export class RunningMetricChartComponent
   }
 
   private chartOptions(): ChartOptions<'line'> {
+    const points = this.points();
+    const maxX = points.length > 0 ? Math.max(...points.map((p) => p.x)) : undefined;
+
     return {
       animation: { duration: 250 },
       interaction: { intersect: false, mode: 'index' },
@@ -149,6 +152,8 @@ export class RunningMetricChartComponent
             text: 'Distanz',
           },
           type: 'linear',
+          max: maxX,
+          bounds: 'data',
         },
         y: {
           grid: { color: 'rgba(104, 115, 134, 0.14)' },