Mercurial > gemma

comparison client/src/components/gauge/Waterlevel.vue @ 2820:d973d6f04eb6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: spuc7: use newest data entry as right boundary for diagram instead of the selected toDate
author Markus Kottlaender <markus@intevation.de>
date Wed, 27 Mar 2019 11:18:03 +0100
parents 53c2bd009c68
children f87783a28c34
comparison
equal deleted inserted replaced
2819:53c2bd009c68 2820:d973d6f04eb6
142 scale: null, 142 scale: null,
143 axes: null 143 axes: null
144 }; 144 };
145 }, 145 },
146 computed: { 146 computed: {
147 ...mapState("gauges", [ 147 ...mapState("gauges", ["dateFrom", "waterlevels", "nashSutcliffe"]),
148 "dateFrom",
149 "dateTo",
150 "waterlevels",
151 "nashSutcliffe"
152 ]),
153 ...mapGetters("gauges", ["selectedGauge"]) 148 ...mapGetters("gauges", ["selectedGauge"])
154 }, 149 },
155 methods: { 150 methods: {
156 drawDiagram() { 151 drawDiagram() {
157 // remove old diagram and exit if necessary data is missing 152 // remove old diagram and exit if necessary data is missing
281 return { width, mainHeight, navHeight, mainMargin, navMargin }; 276 return { width, mainHeight, navHeight, mainMargin, navMargin };
282 }, 277 },
283 getExtent(refWaterLevels) { 278 getExtent(refWaterLevels) {
284 return { 279 return {
285 // set min/max values for the date axis 280 // set min/max values for the date axis
286 date: [startOfDay(this.dateFrom), endOfDay(this.dateTo)], 281 date: [
282 startOfDay(this.dateFrom),
283 endOfDay(this.waterlevels[this.waterlevels.length - 1].date)
284 ],
287 // set min/max values for the waterlevel axis 285 // set min/max values for the waterlevel axis
288 // including HDC (+ 1/8 HDC-LDC) and LDC (- 1/4 HDC-LDC) 286 // including HDC (+ 1/8 HDC-LDC) and LDC (- 1/4 HDC-LDC)
289 waterlevel: d3.extent( 287 waterlevel: d3.extent(
290 [ 288 [
291 ...this.waterlevels, 289 ...this.waterlevels,