Mercurial > gemma

comparison client/src/components/fairway/Fairwayprofile.vue @ 4651:e9a99e81f723

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 998f4d7d9626
children a89e4db7980b
comparison
equal deleted inserted replaced
4645:946689a56fc2 4651:e9a99e81f723
542 Math.abs(this.waterlevel - this.refWaterlevel)), 542 Math.abs(this.waterlevel - this.refWaterlevel)),
543 this.waterlevel + this.maxAlt * 0.1 * 100 543 this.waterlevel + this.maxAlt * 0.1 * 100
544 ]) 544 ])
545 .rangeRound([height, 0]); 545 .rangeRound([height, 0]);
546 546
547 let xAxis = d3.axisBottom(xScale).ticks(5); 547 let xAxis = d3
548 let yAxisRight = d3.axisRight(yScaleRight); 548 .axisBottom(xScale)
549 .tickSizeOuter(0)
550 .ticks(5);
551 let yAxisRight = d3
552 .axisRight()
553 .tickSizeOuter(0)
554 .tickSizeInner(5)
555 .scale(yScaleRight);
549 let yAxisLeft = d3 556 let yAxisLeft = d3
550 .axisLeft(yScaleLeft) 557 .axisLeft()
558 .tickSizeOuter(0)
559 .tickSizeInner(5)
560 .scale(yScaleLeft)
551 .tickFormat(d => this.$options.filters.waterlevel(d)); 561 .tickFormat(d => this.$options.filters.waterlevel(d));
552 562
553 let graph = svg 563 let graph = svg
554 .append("g") 564 .append("g")
555 .attr( 565 .attr(