Mercurial > gemma
changeset 3922:32b656e77e2f
client: fwa diagrams: better alignment of tick labels in pdf
| author | Markus Kottlaender <markus@intevation.de> |
|---|---|
| date | Thu, 11 Jul 2019 16:15:02 +0200 |
| parents | a8039561130e |
| children | 50a0b6d3b032 |
| files | client/src/components/fairway/AvailableFairwayDepth.vue client/src/components/fairway/AvailableFairwayDepthLNWL.vue |
| diffstat | 2 files changed, 12 insertions(+), 4 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepth.vue Thu Jul 11 15:43:33 2019 +0200 +++ b/client/src/components/fairway/AvailableFairwayDepth.vue Thu Jul 11 16:15:02 2019 +0200 @@ -589,7 +589,7 @@ .attr("y", dimensions.mainHeight + this.paddingTop - 5) .attr("x", widthPerItem / 2) .attr("text-anchor", "middle") - .attr("font-size", "9"); + .attr("font-size", 10); }, drawScaleLabel({ diagram, dimensions }) { diagram @@ -632,6 +632,8 @@ .call(yAxisLeft) .selectAll(".tick text") .attr("fill", "black") + .attr("font-size", 10) + .attr("dy", 3) .attr("dx", -3) .select(function() { return this.parentNode; @@ -655,6 +657,8 @@ .call(yAxisRight) .selectAll(".tick text") .attr("fill", "black") + .attr("font-size", 10) + .attr("dy", 3) .attr("dx", 3) .select(function() { return this.parentNode;
--- a/client/src/components/fairway/AvailableFairwayDepthLNWL.vue Thu Jul 11 15:43:33 2019 +0200 +++ b/client/src/components/fairway/AvailableFairwayDepthLNWL.vue Thu Jul 11 16:15:02 2019 +0200 @@ -430,7 +430,7 @@ .append("text") .text(date) .attr("text-anchor", "middle") - .attr("font-size", "9") + .attr("font-size", 10) .attr( "transform", `translate(${this.scalePaddingLeft + @@ -588,7 +588,9 @@ .call(yAxisLeft) .selectAll(".tick text") .attr("fill", "black") - .attr("dx", -6) + .attr("font-size", 10) + .attr("dy", 3) + .attr("dx", -3) .select(function() { return this.parentNode; }) @@ -611,7 +613,9 @@ .call(yAxisRight) .selectAll(".tick text") .attr("fill", "black") - .attr("dx", 6) + .attr("font-size", 10) + .attr("dy", 3) + .attr("dx", 3) .select(function() { return this.parentNode; })