changeset 3701:519c6e01607f

client: available fairway depth diagram: show date labels below bar charts like in other diagram
author Markus Kottlaender <markus@intevation.de>
date Wed, 19 Jun 2019 11:34:43 +0200
parents 2d77a7447d09
children ee7dc0bea083
files client/src/components/fairway/AvailableFairwayDepth.vue
diffstat 1 files changed, 2 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue	Wed Jun 19 11:27:14 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepth.vue	Wed Jun 19 11:34:43 2019 +0200
@@ -99,7 +99,7 @@
       height: 600,
       paddingRight: 100,
       spaceBetween: 80,
-      labelPaddingTop: 15,
+      labelPaddingBottom: 10,
       scalePaddingLeft: 50,
       paddingTop: 10,
       diagram: null,
@@ -628,7 +628,7 @@
       everyBar
         .append("text")
         .text(d => d.label)
-        .attr("y", this.labelPaddingTop);
+        .attr("y", this.dimensions.mainHeight - this.labelPaddingBottom);
     },
     drawScaleLabel() {
       const center = this.dimensions.mainHeight / 2;