title: AngularJS nvd3-line-chart directive not redrawing on data change (not real time)
body: <p>Trying to use nvd3-line-chart directive in my AngularJS app, but it does not redraw on changing the underlying model...</p>
  
  <p>I'm new to AngularJS, so might be something obvious to an experienced Angular programmer, but drives me nuts :-)</p>
  
  <p>Searching for similar issues on stackoverflow only turned up answer dealing with more sophisticated issues like realtime charting or the likes - but I'd just want to push new data once on link click...</p>
  
  <p>I've prepared a Plunker example here:</p>
  
  <p><a href="http://plnkr.co/edit/TkyHhbfi0vNw1FJ6mYZC?p=preview" rel="nofollow">http://plnkr.co/edit/TkyHhbfi0vNw1FJ6mYZC?p=preview</a></p>
  
  <p>Directive is being used like that:</p>
  
  <pre><code>&lt;nvd3-line-chart data="exampleData" showXAxis="true" showYAxis="true"
    tooltips="true" xAxisTickValues="xAxisTicks()"
    xAxisTickFormat="xAxisTickFormat()"
    yAxisTickFormat="yAxisTickFormat()" interactive="true" objectEquality="true"&gt;
  &lt;/nvd3-line-chart&gt;
  </code></pre>
  
  <p>(also tried with objectEquality=false, but behaviour didn't change)...</p>
  
  <p>Then in my js code I set new content in a subfunction (callback from http transfer) with:</p>
  
  <pre><code>$scope.exampleData = data;
  </code></pre>
  
  <p>To be sure everything get's called as wanted, also added some label (xxx) and modified it in the function call from click to yyy which works - so data binding and scope availability seems ok?</p>
  
  <p>Same function is also used for initial fill, which works fine...</p>
  
  <p>Can anybody shed some light regarding this issue?</p>
  
  <p>BTW; also found a working example but can't spot the difference (apart from them calling it from native js so they need to manually update the component which didn't work for me as I'm already in a angular update cycle):</p>
  
  <p><a href="http://plnkr.co/edit/4ORCLW?p=preview" rel="nofollow">http://plnkr.co/edit/4ORCLW?p=preview</a></p>