title: NVD3.js bind hover/click events to the xAxis tick <line>
body: <p>I'm using nvd3.js with <a href="http://nvd3.org/ghpages/examples.html" rel="nofollow">line and line-with-focus charts</a> for a project. There is a requirement to bind data and events to the xAxis tick  elements. I've been trying in vain to bind events to a single line manually through the console. </p>
  
  <pre class="lang-javascript prettyprint-override"><code>// try to bind to the first xAxis &lt;line&gt; in my line-with-focus chart
  d3.select( 'div#problem-chart .nv-focus .nv-x .tick line' )
       .on( 'mouseover', function( e ){ 
                          console.log( e ); 
        } )
  </code></pre>
  
  <p>I've even set <code>chart.interactive( false )</code> to make sure there is no interactive layer that captures events and kills them. Has anyone managed to bind events to the xAxis or have guesses on why the above is not working?</p>