保存包含图表的动态添加的 div

Question

我有一个页面，它能够通过 highcharts 绘制多个 csv 文件的图表，并带有一个添加按钮，该按钮动态创建一个 div，然后绘制文件图表。问题是我需要保存它，以便在页面重新加载时，添加的多个图表保持不变并且不会刷新。还包括一个删除所有按钮，因此它删除所有动态添加的 div。

我目前尝试了 localStorage.getitem 但是它没有复制使用其所有功能创建的图形，只是一个图像。

https://jsfiddle.net/j_darmawan/m5vcu08e/

$('#super').html(window.localStorage.getItem('content'));

$('#delete').click(function() {

  localStorage.removeItem('content');

  alert('removed');

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

});

$('#save').click(function() {

  var html = $('#super').html();

  window.localStorage.setItem('content', html);

  alert('saved');

});