Mercurial > gemma
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") |