Mercurial > gemma

changeset 3464:5b50261b85ef

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
afd. offset correction for ldc
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 27 May 2019 10:23:32 +0200
parents 6f4dad7473d7
children 3c13a6f2227b
files client/src/components/fairway/AvailableFairwayDepth.vue
diffstat 1 files changed, 7 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue	Mon May 27 09:57:54 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepth.vue	Mon May 27 10:23:32 2019 +0200
@@ -105,6 +105,7 @@
       yScale: null,
       barsWidth: 60,
       dimensions: null,
+      ldcoffset: 3,
       pdf: {
         doc: null,
         width: null,
@@ -522,8 +523,8 @@
         .attr("height", d => {
           return this.yScale(0) - this.yScale(hoursInDays(d.height));
         })
-        .attr("x", 5)
-        .attr("width", this.barsWidth - 5)
+        .attr("x", this.ldcoffset)
+        .attr("width", this.barsWidth - this.ldcoffset)
         .attr("fill", (d, i) => {
           return this.$options.COLORS.REST[i];
         });
@@ -558,7 +559,8 @@
         })
         .attr("y", this.yScale(0))
         .attr("height", height)
-        .attr("width", this.barsWidth)
+        .attr("x", -this.ldcoffset)
+        .attr("width", this.barsWidth - this.ldcoffset)
         .attr("transform", d => `translate(0 ${-1 * height(d)})`)
         .attr("fill", this.$options.COLORS.LDC)
         .attr("id", "ldc");
@@ -591,9 +593,9 @@
           //dy gives offset of svg on page
         })
         .attr("y", this.yScale(0))
-        .attr("x", 5)
+        .attr("x", this.ldcoffset)
         .attr("height", height)
-        .attr("width", this.barsWidth - 5)
+        .attr("width", this.barsWidth - this.ldcoffset)
         .attr("transform", d => `translate(0 ${-1 * height(d)})`)
         .attr("fill", this.$options.COLORS.HIGHEST);
     },