From eaaee3c14a6388d2c1cdd057c8ed812731cd0753 Mon Sep 17 00:00:00 2001
From: Patrick Gebhardt <pjgebhardt@icloud.com>
Date: Thu, 25 Jun 2020 21:41:28 +0200
Subject: [PATCH] Add fixed graph scales

---
 frontend/src/app/components/graph/graph.component.ts  | 11 +++++++++++
 .../region-details/region-details.component.html      | 10 ++++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/graph/graph.component.ts b/frontend/src/app/components/graph/graph.component.ts
index f2eb6c0..d2e8cf2 100644
--- a/frontend/src/app/components/graph/graph.component.ts
+++ b/frontend/src/app/components/graph/graph.component.ts
@@ -20,6 +20,8 @@ export class GraphComponent implements AfterViewInit {
   formatSting: string;
   @Input()
   graphType = 'line';
+  @Input()
+  minMax: number[];
 
   readonly randomId = uuidv4();
 
@@ -60,6 +62,14 @@ export class GraphComponent implements AfterViewInit {
       data[i].color = this.colors[i];
     }
 
+    let axisY: CanvasJS.ChartOptions.ChartAxisY;
+    if (this.minMax) {
+      axisY = {
+        minimum: this.minMax[0],
+        maximum: this.minMax[1]
+      };
+    }
+
 
     const chart = new CanvasJS.Chart(this.randomId, {
       animationEnabled: true,
@@ -70,6 +80,7 @@ export class GraphComponent implements AfterViewInit {
         horizontalAlign: 'left',
         dockInsidePlotArea: true
       },
+      axisY,
       data
     });
 
diff --git a/frontend/src/app/containers/region-details/region-details.component.html b/frontend/src/app/containers/region-details/region-details.component.html
index f31e3d7..039a475 100644
--- a/frontend/src/app/containers/region-details/region-details.component.html
+++ b/frontend/src/app/containers/region-details/region-details.component.html
@@ -36,25 +36,27 @@
         <ng-template matTabContent>
           <app-graph [colors]="['blue', 'red']" [labels]="['Min', 'Max']"
                      [monthlyDatas]="[region.temperature_mean_min, region.temperature_mean_max]" class="graph"
-                     formatSting="##,##°C">
+                     [minMax]="[-25, 50]" formatSting="##,##°C">
           </app-graph>
         </ng-template>
       </mat-tab>
       <mat-tab *ngIf="region.precipitation" label="Precipitation">
         <ng-template matTabContent>
-          <app-graph [monthlyDatas]="[region.precipitation]" class="graph" formatSting="####'mm'">
+          <app-graph [minMax]="[0, 1200]" [monthlyDatas]="[region.precipitation]" class="graph" formatSting="####'mm'">
           </app-graph>
         </ng-template>
       </mat-tab>
       <mat-tab *ngIf="region.rain_days" label="Rain days">
         <ng-template matTabContent>
-          <app-graph [monthlyDatas]="[region.rain_days]" class="graph" formatSting="####" graphType="column">
+          <app-graph [minMax]="[0, 31]" [monthlyDatas]="[region.rain_days]" class="graph" formatSting="####"
+                     graphType="column">
           </app-graph>
         </ng-template>
       </mat-tab>
       <mat-tab *ngIf="region.sun_hours" label="Sun hours">
         <ng-template matTabContent>
-          <app-graph [monthlyDatas]="[region.sun_hours]" class="graph" formatSting="####" graphType="column">
+          <app-graph [minMax]="[0, 450]" [monthlyDatas]="[region.sun_hours]" class="graph" formatSting="####"
+                     graphType="column">
           </app-graph>
         </ng-template>
       </mat-tab>