Mercurial > gemma

comparison client/src/components/fairway/AvailableFairwayDepthLNWL.vue @ 3907:7b172a1fd9e7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: available fairway depth diagram: rounded values in tooltip
author Markus Kottlaender <markus@intevation.de>
date Wed, 10 Jul 2019 17:16:59 +0200
parents 3c095749efb2
children b7dfee369f2f
comparison
equal deleted inserted replaced
3906:ec1d91fdd6a2 3907:7b172a1fd9e7
443 let y = d3.mouse(this)[1]; 443 let y = d3.mouse(this)[1];
444 const dy = document 444 const dy = document
445 .querySelector(".diagram-container") 445 .querySelector(".diagram-container")
446 .getBoundingClientRect().left; 446 .getBoundingClientRect().left;
447 d3.select("#tooltip") 447 d3.select("#tooltip")
448 .text(d.toFixed(2)) 448 .text(Math.round(d))
449 .attr("y", y - 10) 449 .attr("y", y - 10)
450 .attr("x", d3.event.pageX - dy); 450 .attr("x", d3.event.pageX - dy);
451 //d3.event.pageX gives coordinates relative to SVG 451 //d3.event.pageX gives coordinates relative to SVG
452 //dy gives offset of svg on page 452 //dy gives offset of svg on page
453 }) 453 })
494 let y = d3.mouse(this)[1]; 494 let y = d3.mouse(this)[1];
495 const dy = document 495 const dy = document
496 .querySelector(".diagram-container") 496 .querySelector(".diagram-container")
497 .getBoundingClientRect().left; 497 .getBoundingClientRect().left;
498 d3.select("#tooltip") 498 d3.select("#tooltip")
499 .text(d[0].toFixed(2)) 499 .text(Math.round(d[0]))
500 .attr("y", y - 10) 500 .attr("y", y - 10)
501 .attr("x", d3.event.pageX - dy); 501 .attr("x", d3.event.pageX - dy);
502 //d3.event.pageX gives coordinates relative to SVG 502 //d3.event.pageX gives coordinates relative to SVG
503 //dy gives offset of svg on page 503 //dy gives offset of svg on page
504 }) 504 })