title: Question on Highcharts SVG element create / destroy using Highcharts.SVGRenderer
body: <p>I've read various examples on how to use the <code>Highcharts.SVGRenderer</code> to create custom SVG text etc.
  However, I'm wondering what is the correct practices to create and clean them up?</p>
  <p>Currently I make them at the <code>events.redraw</code> hook (because I want to update the SVG text based on the dynamic data), however it looks like the <code>redraw</code> hook is being called at various occasions multiple times (it looks like it'd redraw on add series and data being added) and then the SVG does not get cleaned up... so I ended up having multiple copies of the same SVG elements in the chart. Any subsequence redraw would obviously keep adding more SVGElements into the chart.</p>
  <p>Questions:</p>
  <ul>
  <li>Do i need to keep track of all the generated SVGElements myself and call destroy() manually every time I redraw them?</li>
  <li>Is there any internal trackers in Highcharts that tracks the created SVG using <code>SVGRenderer</code>? (so that I could maybe use the internal ref to call destroy myself)</li>
  <li>If I am not supposed to draw them in redraw event, what is the recommended hook to draw my SVG elements where I need dynamic update on those generated SVG elements.</li>
  <li>Do I absolutely need to keep track of my own references on the SVG elements? Seems a bit too much of the overhead/hassle to do that.</li>
  </ul>