From 82b8b8bd746e70517744236862a96fe91b155082 Mon Sep 17 00:00:00 2001
From: tim-herbst <herbst.tim@icloud.com>
Date: Fri, 1 Jan 2021 14:59:22 +0100
Subject: [PATCH] add title to xaxis

---
 .../src/app/dashboard/dashboard.component.html       |  2 +-
 .../src/app/dashboard/dashboard.component.ts         | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/projects/project-3/frontend/src/app/dashboard/dashboard.component.html b/projects/project-3/frontend/src/app/dashboard/dashboard.component.html
index 5400d92..fa9ffbf 100644
--- a/projects/project-3/frontend/src/app/dashboard/dashboard.component.html
+++ b/projects/project-3/frontend/src/app/dashboard/dashboard.component.html
@@ -188,7 +188,7 @@
           <mat-card-title>Rental Time</mat-card-title>
           <mat-card-subtitle>
             This chart shows the workload of the currently selected Station in relation
-            of the time of the day. It is visualized at which time of the day a journey begins or ends.
+            of the time of the day. It is visualized at which time of the day a journey begins or ends (blue).
             In addition, the average rental duration of the trips is displayed at the given time (green).
           </mat-card-subtitle>
         </mat-card-header>
diff --git a/projects/project-3/frontend/src/app/dashboard/dashboard.component.ts b/projects/project-3/frontend/src/app/dashboard/dashboard.component.ts
index 00c54b6..ddf641c 100644
--- a/projects/project-3/frontend/src/app/dashboard/dashboard.component.ts
+++ b/projects/project-3/frontend/src/app/dashboard/dashboard.component.ts
@@ -297,6 +297,9 @@ export class DashboardComponent implements OnInit {
           colors: ['transparent']
         },
         xaxis: {
+          title: {
+            text: 'average rental duration'
+          },
           categories: minutesGroup,
           labels: {
             formatter: value => {
@@ -358,6 +361,9 @@ export class DashboardComponent implements OnInit {
           curve: 'straight'
         },
         xaxis: {
+          title: {
+            text: 'time of the day'
+          },
           categories: timeFrame,
           tickAmount: 24,
           tickPlacement: 'between',
@@ -454,6 +460,9 @@ export class DashboardComponent implements OnInit {
           colors: ['transparent']
         },
         xaxis: {
+          title: {
+            text: 'average rental duration'
+          },
           categories: minutesGroup,
           labels: {
             formatter: value => {
@@ -513,6 +522,9 @@ export class DashboardComponent implements OnInit {
           curve: 'straight'
         },
         xaxis: {
+          title: {
+            text: 'time of the day'
+          },
           categories: timeFrame,
           tickAmount: 24,
           tickPlacement: 'between'