title: Changing a Highcharts theme (partially working)
body: <p>I have a problem with changing the theme for highcharts. I have created an array to hold all the themes and am trying to change them via a select list onChange event.</p>
  
  <pre><code>var highcharts_theme = [];
  
  /* Default theme */
  highcharts_theme.push({});
  
  /* Dark Blue theme */
  highcharts_theme.push({
      colors: ["#DDDF0D", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
          "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
      chart: {
          backgroundColor: {
              linearGradient: [0, 0, 250, 500],
              stops: [
                  [0, 'rgb(48, 48, 96)'],
                  [1, 'rgb(0, 0, 0)']
              ]
          },
  .... Shortened for brevity.....
  </code></pre>
  
  <p>My code to change the theme is :</p>
  
  <pre><code>    $('#theme-type').selectmenu({ width: 200 }).change(function (e) {
          var themeIndex = parseInt($('#theme-type').val());
          Highcharts.theme = highcharts_theme[themeIndex];
          // Apply the theme
          highchartsOptions = Highcharts.setOptions(Highcharts.theme);
      });
  </code></pre>
  
  <p>The problem I am having is that if for example I switch to the Skies theme it is fine, but then changing to any other theme, the skies background remains along with other elements of the theme.</p>
  
  <p>Does anyone know of a proper way to reset the theme entirely?</p>
  
  <p>Thanks</p>