comparison client/src/components/gauge/HydrologicalConditions.vue @ 3059:6f5693bf7804

client: fix HydrologicalConditions diagram style
author Fadi Abbud <fadi.abbud@intevation.de>
date Tue, 16 Apr 2019 10:38:42 +0200
parents 7a1a33fcec64
children cebbc1a8987b
comparison
equal deleted inserted replaced
3058:7a1a33fcec64 3059:6f5693bf7804
327 .selectAll(".line") 327 .selectAll(".line")
328 .attr("clip-path", "url(#clip)") 328 .attr("clip-path", "url(#clip)")
329 .attr("stroke-width", 2) 329 .attr("stroke-width", 2)
330 .attr("fill", "none"); 330 .attr("fill", "none");
331 this.svg 331 this.svg
332 .selectAll(".line") 332 .selectAll(".line.mean")
333 .selectAll(".mean")
334 .attr("stroke", "red"); 333 .attr("stroke", "red");
335 this.svg 334 this.svg
336 .selectAll(".line") 335 .selectAll(".line.median")
337 .selectAll(".median")
338 .attr("stroke", "black"); 336 .attr("stroke", "black");
339 this.svg 337 this.svg
340 .selectAll(".line") 338 .selectAll(".line.q25")
341 .selectAll(".q25")
342 .attr("stroke", "orange"); 339 .attr("stroke", "orange");
343 this.svg 340 this.svg
344 .selectAll(".line") 341 .selectAll(".line.q75")
345 .selectAll(".q75")
346 .attr("stroke", "purple"); 342 .attr("stroke", "purple");
347 this.svg 343 this.svg
348 .selectAll(".area") 344 .selectAll(".area")
349 .attr("clip-path", "url(#clip)") 345 .attr("clip-path", "url(#clip)")
350 .attr("stroke", "none") 346 .attr("stroke", "none")