From 978a8f5d3dd2083c18226fa4f24590f3ec5f4f53 Mon Sep 17 00:00:00 2001
From: Tim Herbst <herbst.tim@icloud.com>
Date: Sat, 23 Jan 2021 16:10:41 +0000
Subject: [PATCH] Update Umsetzung

---
 Projektarbeit-3/Umsetzung.md | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/Projektarbeit-3/Umsetzung.md b/Projektarbeit-3/Umsetzung.md
index 26c97e1..6852d75 100644
--- a/Projektarbeit-3/Umsetzung.md
+++ b/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>