Mercurial > gemma
comparison client/src/components/fairway/Fairwayprofile.vue @ 3926:3ebde6dd336f
client: pdf-gen: fix rendering part of diagram (fairwayprofile)
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Thu, 11 Jul 2019 16:25:56 +0200 |
parents | a8039561130e |
children | 90496300311d |
comparison
equal
deleted
inserted
replaced
3925:4f93bfb5725d | 3926:3ebde6dd336f |
---|---|
522 graph | 522 graph |
523 .append("path") | 523 .append("path") |
524 .datum([{ x: startPoint, y: depth }, { x: endPoint, y: depth }]) | 524 .datum([{ x: startPoint, y: depth }, { x: endPoint, y: depth }]) |
525 .attr( | 525 .attr( |
526 "fill", | 526 "fill", |
527 `rgba(${this.getLayerStyle(data.los).fillColor.join(",")})` | 527 `#${this.getLayerStyle(data.los) |
528 .fillColor.map(x => { | |
529 if (x < 10) return "0" + x.toString(16); | |
530 return x.toString(16); | |
531 }) | |
532 .join("")}` | |
528 ) | 533 ) |
529 .attr("fill-opacity", this.getLayerStyle(data.los).fillOpacity) | 534 .attr("fill-opacity", this.getLayerStyle(data.los).fillOpacity) |
530 .attr( | 535 .attr( |
531 "stroke", | 536 "stroke", |
532 `rgba(${this.getLayerStyle(data.los).strokeColor.join(",")})` | 537 `#${this.getLayerStyle(data.los) |
538 .strokeColor.map(x => { | |
539 if (x < 10) return "0" + x.toString(16); | |
540 return x.toString(16); | |
541 }) | |
542 .join("")}` | |
533 ) | 543 ) |
534 .attr("stroke-opacity", this.getLayerStyle(data.los).strokeOpacity) | 544 .attr("stroke-opacity", this.getLayerStyle(data.los).strokeOpacity) |
535 .attr("stroke-dasharray", this.getLayerStyle(data.los).strokeDash) | 545 .attr("stroke-dasharray", this.getLayerStyle(data.los).strokeDash) |
536 .attr("d", fairwayArea); | 546 .attr("d", fairwayArea); |
537 }); | 547 }); |