Mercurial > gemma
changeset 3905:3c095749efb2
client: available fairwaydepth diagrams: emphasize 0-ticks
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 10 Jul 2019 17:01:36 +0200 |
parents | 4b5c4007fc5d |
children | ec1d91fdd6a2 |
files | client/src/components/fairway/AvailableFairwayDepth.vue client/src/components/fairway/AvailableFairwayDepthLNWL.vue |
diffstat | 2 files changed, 15 insertions(+), 2 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue Wed Jul 10 16:47:00 2019 +0200 +++ b/client/src/components/fairway/AvailableFairwayDepth.vue Wed Jul 10 17:01:36 2019 +0200 @@ -592,7 +592,13 @@ }) .selectAll(".tick line") .attr("stroke-dasharray", 5) - .attr("stroke", "#ccc"); + .attr("stroke", "#ccc") + .select(function() { + return this.parentNode; + }) + .filter(d => d === 0) + .selectAll(".tick line") + .attr("stroke", "#333"); this.diagram .append("g") .attr(
--- a/client/src/components/fairway/AvailableFairwayDepthLNWL.vue Wed Jul 10 16:47:00 2019 +0200 +++ b/client/src/components/fairway/AvailableFairwayDepthLNWL.vue Wed Jul 10 17:01:36 2019 +0200 @@ -556,7 +556,14 @@ }) .selectAll(".tick line") .attr("stroke-dasharray", 5) - .attr("stroke", "#ccc"); + .attr("stroke", "#ccc") + .select(function() { + return this.parentNode; + }) + .filter(d => d === 0) + .selectAll(".tick line") + .attr("stroke-dasharray", "none") + .attr("stroke", "#333"); this.diagram .append("g") .attr("transform", `translate(${this.scalePaddingLeft})`)