changeset 3914:9440d2922097

client: available fairwaydepth diagram: adjust width of ldc bar, draw 0-tick line as solid line
author Markus Kottlaender <markus@intevation.de>
date Thu, 11 Jul 2019 12:49:38 +0200
parents 9ec50fd5c9fa
children f7f09f32d6e0
files client/src/components/fairway/AvailableFairwayDepth.vue
diffstat 1 files changed, 3 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue	Thu Jul 11 11:35:40 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepth.vue	Thu Jul 11 12:49:38 2019 +0200
@@ -503,7 +503,7 @@
     fnheight({ name, yScale }) {
       return d => yScale(0) - yScale(hoursInDays(d[name]));
     },
-    drawLDC({ everyBar, yScale, widthPerItem, spaceBetween }) {
+    drawLDC({ everyBar, yScale, widthPerItem, spaceBetween, ldcOffset }) {
       const height = this.fnheight({ name: "ldc", yScale });
       everyBar
         .append("rect")
@@ -531,7 +531,7 @@
         .attr("y", yScale(0))
         .attr("height", height)
         .attr("x", spaceBetween / 2)
-        .attr("width", widthPerItem - spaceBetween)
+        .attr("width", widthPerItem - ldcOffset - spaceBetween)
         .attr(
           "transform",
           d => `translate(0 ${this.paddingTop + -1 * height(d)})`
@@ -644,6 +644,7 @@
         })
         .filter(d => d === 0)
         .selectAll(".tick line")
+        .attr("stroke-dasharray", "none")
         .attr("stroke", "#333");
       diagram
         .append("g")