Mercurial > gemma
comparison 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 |
comparison
equal
deleted
inserted
replaced
2727:0fe0b3f1720f | 2728:18dc704e637e |
---|---|
152 // find min/max values for the waterlevel axis | 152 // find min/max values for the waterlevel axis |
153 // including hdc/ldc (+/- 100 cm) | 153 // including hdc/ldc (+/- 100 cm) |
154 let WaterlevelMinMax = d3.extent( | 154 let WaterlevelMinMax = d3.extent( |
155 [ | 155 [ |
156 ...this.waterlevels, | 156 ...this.waterlevels, |
157 { waterlevel: refWaterLevels.HDC + 100 }, | 157 { |
158 { waterlevel: Math.max(refWaterLevels.LDC - 100, 0) } | 158 waterlevel: |
159 refWaterLevels.HDC + (refWaterLevels.HDC - refWaterLevels.LDC) / 8 | |
160 }, | |
161 { | |
162 waterlevel: Math.max( | |
163 refWaterLevels.LDC - | |
164 (refWaterLevels.HDC - refWaterLevels.LDC) / 8, | |
165 0 | |
166 ) | |
167 } | |
159 ], | 168 ], |
160 d => d.waterlevel | 169 d => d.waterlevel |
161 ); | 170 ); |
162 // setting the min and max values for the diagram axes | 171 // setting the min and max values for the diagram axes |
163 let dateTo = new Date(this.dateTo.getTime() + 86400); | 172 let dateTo = new Date(this.dateTo.getTime() + 86400); |