# HG changeset patch # User Fadi Abbud # Date 1571034313 -7200 # Node ID e9a99e81f7230e644d8169c22f31b8be1bfcaf2f # Parent 946689a56fc25630d2fad97e002df16a00528360 client: fairwayprofile: improve y-axes of diagram * remove the axis ends tick and set the ticks size diff -r 946689a56fc2 -r e9a99e81f723 client/src/components/fairway/Fairwayprofile.vue --- 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