Mercurial > gemma

changeset 3107:8e364945a390

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: adjust some styles for waterlevel diagram
author Fadi Abbud <fadi.abbud@intevation.de>
date Thu, 25 Apr 2019 17:17:36 +0200
parents d68d8b137072
children 8a4fb02ee60a
files client/src/components/gauge/Waterlevel.vue
diffstat 1 files changed, 10 insertions(+), 14 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/gauge/Waterlevel.vue	Thu Apr 25 16:53:17 2019 +0200
+++ b/client/src/components/gauge/Waterlevel.vue	Thu Apr 25 17:17:36 2019 +0200
@@ -373,8 +373,8 @@
       this.svg
         .selectAll(".line")
         .selectAll("circle")
-        .attr("stroke", "steelblue")
-        .attr("stroke-width", 2);
+        .attr("fill", "steelblue")
+        .attr("stroke-width", 0);
       this.svg
         .selectAll(".line")
         .selectAll("circle.d3-line-chunked-chunk-predicted-point")
@@ -410,20 +410,17 @@
         .attr("clip-path", "url(#clip)");
 
       this.svg
-        .selectAll("path")
-        .selectAll(".nash-sutcliffe")
+
+        .selectAll("path.nash-sutcliffe")
         .attr("fill", "none")
         .attr("stroke", "black")
         .attr("stroke-width", 1)
         .attr("clip-path", "url(#clip)");
       this.svg
-        .selectAll("path")
-        .selectAll(".nash-sutcliffe")
-        .selectAll(".ns72")
+        .selectAll("path.nash-sutcliffe.ns72")
         .attr("fill", "rgba(0, 0, 0, 0.05)");
       this.svg
-        .selectAll("text")
-        .selectAll(".nash-sutcliffe")
+        .selectAll("text.nash-sutcliffe")
         .style("font-size", "10px")
         .attr("clip-path", "url(#clip)")
         .selectAll("tspan:last-child")
@@ -442,20 +439,19 @@
         .attr("fill", "none")
         .attr("pointer-events", "all");
       this.svg
-        .selectAll(".brush")
-        .selectAll(".selection")
+        .selectAll(".brush .selection")
         .attr("stroke", "none")
         .attr("fill-opacity", 0.2);
       this.svg
-        .selectAll(".brush")
-        .selectAll(".handle")
+        .selectAll(".brush .handle")
         .attr("stroke", "rgba(23, 162, 184, 0.5)")
         .attr("fill", "rgba(23, 162, 184, 0.5)");
       this.svg.selectAll(".chart-dots").attr("clip-path", "url(#clip)");
       this.svg
         .selectAll(".chart-dots .chart-dot")
+        .attr("fill", "steelblue")
+        .attr("stroke", "steelblue")
         .attr("stroke-opacity", 0)
-        .attr("stroke", "steelblue")
         .style("pointer-events", "none")
         .transition()
         .attr("fill-opacity", "0.1s");