Mercurial > gemma
changeset 1075:c1989ebe1d8a
feat: invert fairwayprofile scale
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Fri, 26 Oct 2018 13:21:17 +0200 |
parents | ca1c178456e5 |
children | e99b2b7d76a1 |
files | client/src/application/Main.vue client/src/fairway/Fairwayprofile.vue |
diffstat | 2 files changed, 5 insertions(+), 10 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/application/Main.vue Fri Oct 26 12:57:04 2018 +0200 +++ b/client/src/application/Main.vue Fri Oct 26 13:21:17 2018 +0200 @@ -1,11 +1,6 @@ <template> <div class="main d-flex flex-column"> - <Maplayer - :split="isSplitscreen" - :lat="6155376" - :long="1819178" - :zoom="11" - ></Maplayer> + <Maplayer :split="isSplitscreen" :lat="6155376" :long="1819178" :zoom="11"></Maplayer> <div v-if="isSplitscreen" class="profile d-flex flex-row"> <FairwayProfile :additionalSurveys="additionalSurveys" @@ -93,7 +88,7 @@ return [this.yScaleLeft.lo, hi]; }, yAxisRight() { - return [-this.maxAlt, 0]; + return [this.maxAlt, -0.2]; }, margins() { return this.margin;
--- a/client/src/fairway/Fairwayprofile.vue Fri Oct 26 12:57:04 2018 +0200 +++ b/client/src/fairway/Fairwayprofile.vue Fri Oct 26 13:21:17 2018 +0200 @@ -265,7 +265,7 @@ }); graph .append("path") - .datum([{ x: startPoint, y: -depth }, { x: endPoint, y: -depth }]) + .datum([{ x: startPoint, y: depth }, { x: endPoint, y: depth }]) .attr("fill", "#002AFF") .attr("stroke-opacity", 0.65) .attr("fill-opacity", 0.65) @@ -365,7 +365,7 @@ return xScale(d.x); }) .y(d => { - return yScaleRight(-d.y); + return yScaleRight(d.y); }); let profileArea = d3 .area() @@ -374,7 +374,7 @@ }) .y0(height) .y1(function(d) { - return yScaleRight(-d.y); + return yScaleRight(d.y); }); graph .append("path")