title: Highcharts change legend options dynamically
body: <p>Initial Options (This is vertical draggable legend):</p>
  
  <pre><code>id : '&lt;?=$id?&gt;',
  layout: 'vertical',
  backgroundColor: 'white',
  align: 'right',
  verticalAlign: 'top',
  y: legendY,
  x: legendX,
  borderWidth: 1,
  borderRadius: 0,
  title: {
     text: '::'
  },
  floating: true,
  draggable: true
  </code></pre>
  
  <p>I want to make legend look like <a href="http://jsfiddle.net/yqypj4qr/" rel="nofollow">http://jsfiddle.net/yqypj4qr/</a>.
  I actually want,
  align: center, verticalAlign: bottom, layout: horizontal, borderwidth:0, shadow:false</p>
  
  <p>I have tried the code below. (tried both change legend directly and use options variable and update)</p>
  
  <pre><code>var opt = chart.legend.options;
  chart.legend.title.attr({
      text: "null"
  }); // this works
  chart.legend.title = null;
  chart.legend.draggable = false;
  opt.draggable = false;
  opt.align = "center";
  chart.legend.borderWidth = 0;
  opt.borderWidth = 0;
  chart.legend.floating = false;
  opt.floating = false;
  chart.legend.shadow = false;
  opt.shadow=false;
  opt.x = 0;
  opt.y = 0;
  opt.layout = "horizontal";
  opt.verticalAlign = "bottom";
  for (var i=0; i&lt;chart.series.length; i++) {
      chart.series[i].update(opt);
  }
  
  chart.isDirtyLegend = true;
  chart.isDirtyBox = true;
  chart.redraw();
  chart.legend.render();
  </code></pre>
  
  <p>How can convert draggable legend to default legend?</p>