title: Ember Highcharts Component throwing odd error
body: <p>I am trying to implement a dynamic highcharts that changes every time a new model comes in. In <code>ember-highcharts</code> documentation, they explain that all needs to be done is implement the <code>EmberHighChartComponent</code> and implement a <code>contentdidchange</code> observer that observes the model and would change the graph when the model changes</p>
  
  <p><strong>details here :</strong></p>
  
  <p><a href="https://github.com/ahmadsoe/ember-highcharts#overriding-chart-redrawing" rel="nofollow noreferrer">https://github.com/ahmadsoe/ember-highcharts#overriding-chart-redrawing</a></p>
  
  <p>So when I implement it, it works perfectly and graph changes when there is new content, but as soon as I try to navigate somewhere else on the page, it throws this error:</p>
  
  <p>Even when I emptied the component this happens, which tells me that the problem is in <code>EmberHighChartComponent</code> </p>
  
  <p>this is what I have after emptying the component</p>
  
  <p><strong>dynamic-chart.js</strong></p>
  
  <pre><code>import EmberHighChartsComponent from 'ember-highcharts/components/high-charts';
  
  
  export default EmberHighChartsComponent.extend( {
  
  
  });
  </code></pre>
  
  <p><strong>dynamic-chart.hbs</strong></p>
  
  <pre><code>{{high-charts mode=mode chartOptions=chartOptions content=content}}
  </code></pre>
  
  <p>The Error that I get:</p>
  
  <pre><code>TypeError: undefined is not an object (evaluating 'chart.renderTo.removeAttribute')
  </code></pre>
  
  <p>Any ideas whether this is a package issue or I am misunderstanding the implementation ?</p>