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);