title: mousemove callback on a path element in d3js
body: <p>Link to example: <a href="http://bl.ocks.org/mbostock/1667367" rel="nofollow">http://bl.ocks.org/mbostock/1667367</a></p>
  
  <p>I am trying to extend the following example, so that when i move my mouse over the graph and i registered a mousemove callback, i'll get the corresponding data to the cursor position. In a best case scenario, i would get the current price of Januar 2000 if i hovered my mouse over that location. I tried the following:</p>
  
  <pre><code>focus.append("path")
    .on('mousemove', function(d) {
        console.log(d);
    })
    .datum(data)
    .attr("clip-path", "url(#clip)")
    .attr("d", area);
  </code></pre>
  
  <p>But if i do that, all i get is the complete data every time the event is triggered. Is there  functionality implemented in d3.js to achieve my goal, or do i have to work with the event coordinates manually ?</p>
  
  <p>Thanks in advance :)</p>