diff client/src/components/gauge/Waterlevel.vue @ 2728:18dc704e637e

client: waterlevel diagram: calculate y-axis offset of HDC/LDC as percentage
author Markus Kottlaender <markus@intevation.de>
date Tue, 19 Mar 2019 14:25:37 +0100
parents 8d96b9254465
children 5da81634bdc4
line wrap: on
line diff
--- a/client/src/components/gauge/Waterlevel.vue	Tue Mar 19 14:00:06 2019 +0100
+++ b/client/src/components/gauge/Waterlevel.vue	Tue Mar 19 14:25:37 2019 +0100
@@ -154,8 +154,17 @@
       let WaterlevelMinMax = d3.extent(
         [
           ...this.waterlevels,
-          { waterlevel: refWaterLevels.HDC + 100 },
-          { waterlevel: Math.max(refWaterLevels.LDC - 100, 0) }
+          {
+            waterlevel:
+              refWaterLevels.HDC + (refWaterLevels.HDC - refWaterLevels.LDC) / 8
+          },
+          {
+            waterlevel: Math.max(
+              refWaterLevels.LDC -
+                (refWaterLevels.HDC - refWaterLevels.LDC) / 8,
+              0
+            )
+          }
         ],
         d => d.waterlevel
       );