changeset 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 0fe0b3f1720f
children 7cb027be277d
files client/src/components/gauge/Waterlevel.vue
diffstat 1 files changed, 11 insertions(+), 2 deletions(-) [+]
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
       );