Mercurial > gemma
changeset 4651:e9a99e81f723
client: fairwayprofile: improve y-axes of diagram
* remove the axis ends tick and set the ticks size
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Mon, 14 Oct 2019 08:25:13 +0200 |
parents | 946689a56fc2 |
children | 8efc6b3289f3 1e96ff2da1f3 |
files | client/src/components/fairway/Fairwayprofile.vue |
diffstat | 1 files changed, 13 insertions(+), 3 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/fairway/Fairwayprofile.vue Sun Oct 13 16:01:06 2019 +0200 +++ b/client/src/components/fairway/Fairwayprofile.vue Mon Oct 14 08:25:13 2019 +0200 @@ -544,10 +544,20 @@ ]) .rangeRound([height, 0]); - let xAxis = d3.axisBottom(xScale).ticks(5); - let yAxisRight = d3.axisRight(yScaleRight); + let xAxis = d3 + .axisBottom(xScale) + .tickSizeOuter(0) + .ticks(5); + let yAxisRight = d3 + .axisRight() + .tickSizeOuter(0) + .tickSizeInner(5) + .scale(yScaleRight); let yAxisLeft = d3 - .axisLeft(yScaleLeft) + .axisLeft() + .tickSizeOuter(0) + .tickSizeInner(5) + .scale(yScaleLeft) .tickFormat(d => this.$options.filters.waterlevel(d)); let graph = svg