Hochschulprojekte/f1vis
0
0
Fork 0
Code Issues Pull Requests Activity

Fix tooltip position by using mouse position

Browse Source
This commit is contained in:
Jan Philipp Timme 2017-12-31 00:42:18 +01:00
parent 13bff826cd
commit 20de45ae4f
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
js/diagrams.js
View File

@ -388,16 +388,16 @@ function createLineGraph(containerId, raceData){
.attr("style", "fill:rgb(225,225,225);stroke:black;stroke-width:2;") .attr("style", "fill:rgb(225,225,225);stroke:black;stroke-width:2;")
.attr("width", "150") .attr("width", "150")
.attr("height", (textArr.length + 1) + "em") .attr("height", (textArr.length + 1) + "em")
.attr("x", function() { return x(d.lap) + 10; }) .attr("x", function() { return d3.mouse(this)[0] + 10; })
.attr("y", function() { return y(d.position) + 10; }); .attr("y", function() { return d3.mouse(this)[1] + 10; });
//Necessary to add Text for each Line //Necessary to add Text for each Line
textArr.forEach((text, textIndex) =>{ textArr.forEach((text, textIndex) =>{
// Specify where to put label of text // Specify where to put label of text
tooltipGroup.append("text") tooltipGroup.append("text")
.attr("dy", (textIndex + 1) + "em") .attr("dy", (textIndex + 1) + "em")
.attr("x", function() { return x(d.lap) + 15; }) .attr("x", function() { return d3.mouse(this)[0] + 15; })
.attr("y", function() { return y(d.position) + 15; }) .attr("y", function() { return d3.mouse(this)[1] + 15; })
.text(function() { .text(function() {
return text; // Value of the text return text; // Value of the text
}); });