title: Chart.js replace all data
body: <p>im having a issue with Chart.js. </p>
  
  <p>Firts, I set a data, and then when a parameter change, I want rebind the entire chart. 
  This work, but its like the chart with the old data still behind the new one.</p>
  
  <p>first -> </p>
  
  <pre><code>chart.Line(data, options);
  </code></pre>
  
  <p>in a event -></p>
  
  <pre><code>  chart.Line(newdata, options);
  </code></pre>
  
  <p>I saw this solution 
  <a href="https://stackoverflow.com/questions/24785713/chart-js-load-totally-new-data">chart.js load totally new data</a></p>
  
  <p>but I dont like this way. Im in a angular directive context, so it's not the best aproach.</p>
  
  <p>I tried without results </p>
  
  <p>.update( ), .removeData( ), .clear(), .destroy(), etc</p>
  
  <p>here its my current directive </p>
  
  <p><a href="http://plnkr.co/edit/qn2UUyznonKm6zgEi8FW?p=catalogue" rel="nofollow noreferrer">http://plnkr.co/edit/qn2UUyznonKm6zgEi8FW?p=catalogue</a></p>
  
  <p>Any Idea ?</p>