title: highcharts not responsive after reflow
body: <p>I am setting up a specialised Print button. The page is complicated and needs some pre-processing before being sent to window.print().</p>
  
  <p>I have the Highcharts code working at this point. It correctly resizes the charts on the page, and then, post print, it sizes them back to their original size.</p>
  
  <p>The problem is that from then on, the charts will not respond to Media Query changes. The site is Responsive, built on Bootstrap, so this is not a functional result.</p>
  
  <p>How do I change the chart size, but leave it able to respond to Media Queries?</p>
  
  <p>The code I am using is:</p>
  
  <p>Setup Code</p>
  
  <pre><code>var saveChartContainerWidth = $('.highcharts-container').css('width');
  var saveChartContainerWidthSVG = saveChartContainerWidth.slice(0, -2);
  
  $('.highcharts-container').css('width', '690px');
  $(Highcharts.charts).each(function(i,chart){
      var height = chart.renderTo.clientHeight; 
      var width = 690; // chart.renderTo.clientWidth; 
      chart.setSize(width, height);
      chart.reflow();
  });
  </code></pre>
  
  <p>Post Print Teardown Code</p>
  
  <pre><code>    $('.highcharts-container').css('width', saveChartContainerWidth);
      $(Highcharts.charts).each(function(i,chart){
          var height = chart.renderTo.clientHeight; 
          var width = saveChartContainerWidthSVG;
          chart.setSize(width, height);
          chart.reflow();
      });
  </code></pre>