From fdee2d623e050978b6bfd90218c0700e6689e58a Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Thu, 14 Sep 2017 09:41:34 -0400
Subject: [PATCH] after zooming, readjust clicks to be new position

---
 app.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app.js b/app.js
index 29038a0..92eb6cf 100644
--- a/app.js
+++ b/app.js
@@ -115,8 +115,8 @@ createTable();
 
 var formatTime = d3.timeFormat("%B%e, %Y at %-I:%M%p");
 d3.select('svg').on('click', function(){
-    var x = d3.event.offsetX;
-    var y = d3.event.offsetY;
+    var x = lastTransform.invertX(d3.event.offsetX);
+    var y = lastTransform.invertY(d3.event.offsetY);
 
     var date = xScale.invert(x)
     var distance = yScale.invert(y);
@@ -131,7 +131,9 @@ d3.select('svg').on('click', function(){
     render();
 });
 
+var lastTransform = null;
 var zoomCallback = function(){
+    lastTransform = d3.event.transform;
 	d3.select('#points').attr("transform", d3.event.transform);
     d3.select('#x-axis').call(bottomAxis.scale(d3.event.transform.rescaleX(xScale)));
 	d3.select('#y-axis').call(leftAxis.scale(d3.event.transform.rescaleY(yScale)));