Highcharts : Using Same Div To Load A Chart Multiple Times With Different Series Data

I have written a function that creates a chart based on some graphdata as parameter and renders it to a div . Now I am reusing this function to generate same type of chart on same

Solution 1:

Since you're using jQuery, have you tried simply emptying the container div as follows before redrawing the chart?

$('#container').html();

Perhaps this would be more beneficial since chart.destroy() doesn't seem to be working in your case.

From http://api.jquery.com/html/#html2:

When .html() is used to set an element's content, any content that was in that element is completely replaced by the new content. Additionally, jQuery removes other constructs such as data and event handlers from child elements before replacing those elements with the new content.