Update Umsetzung

Projektarbeit-3/Umsetzung.md

@@ -676,6 +676,33 @@ Folgende Daten erhalten wir aus dem Backend:
  <img src="uploads/21650291359283db5274f1307f29008f/image.png"/>
 </div>
 
+Diese werden dann wie folgt in den ChartOptions eingebunden:
+
+```typescript
+this.chartOptions = {
+series: [
+  {
+     name: 'amount of drives',
+     type: 'bar',
+     data: source.map(value => value.number)
+  },
+  {
+     name: 'average rental duration',
+     type: 'line',
+     data: source.map(value => Math.round(value.avgDuration / 60))
+   }
+],
+...
+xaxis: {
+  title: {
+    text: 'time of the day'
+  },
+  categories: source.map(value => value.timeFrame),
+    tickAmount: 24,
+    tickPlacement: 'between'
+  },
+```
+
 # 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>