Mercurial > gemma

changeset 4651:e9a99e81f723

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: fairwayprofile: improve y-axes of diagram * remove the axis ends tick and set the ticks size
author Fadi Abbud <fadi.abbud@intevation.de>
date Mon, 14 Oct 2019 08:25:13 +0200
parents 946689a56fc2
children 8efc6b3289f3 1e96ff2da1f3
files client/src/components/fairway/Fairwayprofile.vue
diffstat 1 files changed, 13 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/Fairwayprofile.vue	Sun Oct 13 16:01:06 2019 +0200
+++ b/client/src/components/fairway/Fairwayprofile.vue	Mon Oct 14 08:25:13 2019 +0200
@@ -544,10 +544,20 @@
         ])
         .rangeRound([height, 0]);
 
-      let xAxis = d3.axisBottom(xScale).ticks(5);
-      let yAxisRight = d3.axisRight(yScaleRight);
+      let xAxis = d3
+        .axisBottom(xScale)
+        .tickSizeOuter(0)
+        .ticks(5);
+      let yAxisRight = d3
+        .axisRight()
+        .tickSizeOuter(0)
+        .tickSizeInner(5)
+        .scale(yScaleRight);
       let yAxisLeft = d3
-        .axisLeft(yScaleLeft)
+        .axisLeft()
+        .tickSizeOuter(0)
+        .tickSizeInner(5)
+        .scale(yScaleLeft)
         .tickFormat(d => this.$options.filters.waterlevel(d));
 
       let graph = svg