Fix tooltip position

Author: andrewyuan

EDAV-assignment1.html

@@ -581,7 +581,7 @@ <h3>The Process</h3>
 
 var color = ["#ddd", "#4C374C", "#967AA4", "#CCAFE8"];
 var lineColor = "#59DDAF";
-var posAdjust = 20;
+var posAdjust = -300;
 
 var n = 4, // number of layers
     m = data.length, // number of samples per layer
@@ -676,7 +676,7 @@ <h3>The Process</h3>
                d3.select("#tooltip")
 //                 .style("left", (d3.event.pageX+10) + "px")
                  .style("left", (d3.event.pageX+posAdjust) + "px")
-                 .style("top", (d3.event.pageY-10) + "px")
+                 .style("top", (d3.event.pageY+posAdjust) + "px")
                  .select("#value")
                  .text(tooltip);  
   //                 .text(d.team + " - " + d.goals + " goals (" + d.y + " in round)");  
@@ -846,7 +846,7 @@ <h3>The Process</h3>
             tooltip = d.year + " - " + d.champion + " - " + d.champGoals + " goals";
             d3.select("#tooltip")
                  .style("left", (d3.event.pageX+posAdjust) + "px")
-                 .style("top", (d3.event.pageY-10) + "px")
+                 .style("top", (d3.event.pageY+posAdjust) + "px")
                  .select("#value")
                  .text(tooltip);  
   //                 .text(d.team + " - " + d.goals + " goals (" + d.y + " in round)");  

EDAV-assignment2.html

@@ -3151,7 +3151,7 @@ <h3>The Fifa Ranking</h3>
           width = 1200 - margin.left,
           height = 800 - margin.top,
           padding = 80;
-      var posAdjust = 10;
+      var posAdjust = -300;
       var minRankDiff = 0, maxRankDiff = 0;
       var n = gamesData.length;
 
@@ -3412,7 +3412,7 @@ <h3>The Fifa Ranking</h3>
               tooltip = d3.select("#tooltip")
 //                 .style("left", (d3.event.pageX+10) + "px")
                  .style("left", (d3.event.pageX+posAdjust) + "px")
-                 .style("top", (d3.event.pageY-10) + "px")
+                 .style("top", (d3.event.pageY+posAdjust) + "px")
               tooltip.select("#matchScore").text(matchScore);  
               tooltip.select("#matchDate").text(d.date);  
               tooltip.select("#matchLocation").text(d.loc);