Update Umsetzung

Projektarbeit-3/Umsetzung.md

@@ -645,6 +645,28 @@ this.chartOptions = {
 </tr>
 </table>
 
+Gibt der User jetzt eine neue Zeitspanne an, wird mit folgender Methode aus dem Dashboard heraus aufgerufen:
+
+```typescript
+async onSubmit(actualStartDate: string, actualEndDate: string): Promise<void> {
+  this.isLoading = true;
+  this.service.fetchDashboardStationCharts(
+    this.bikePoint.id,
+    actualStartDate,
+    actualEndDate,
+    chartType
+  ).then(source => {
+    this.isLoading = false;
+    setTimeout(() => {
+      this.chart.updateSeries([{
+        data: source.map(value => value.number)
+      }]);
+    }, 1000);
+  });
+}
+```
+Die Variable `isLoading` ist nötig, sodass der Progress Spinner während des Ladens angezeigt wird.
+
 # Deployment
 Da es sich um ein Web-Projekt handelt, lag die Idee nahe, es auf einem Server in der Cloud zu deployen. Wir haben uns hierbei für den Anbieter [Hetzner](https://hetzner.cloud) entschieden. Dort läuft ein Ubuntu 20.04 Server mit zwei CPU Kernen und 2 Gigabyte Arbeitsspeicher. Dies ist vollkommen ausreichend für dieses Projekt. In der Serverkonsole kann man CPU, Festplatte und Netzwerk beobachten.
 <table>