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