highcharts重绘和回流不工作

Question

我正在尝试构建一个动态页面,其上有1-4个图形之间的任意数字,可以根据需要添加或删除但我遇到了一个巨大的问题,我似乎无法在调整大小后调整图形大小包含div.例如,如果我在页面上添加一个图形,它将是宽度800,然后单击一个按钮添加另一个图形,它应该调整大小为400一块,但我无法实现它.作为一个非常简单的模型,我有以下几点

$(function () {
  $('#container').highcharts({
      chart: {
          type: 'line',
          width: 300
      },
      title: {
          text: 'Width is set to 300px'
      },

      xAxis: {
          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
      },

      series: [{
          data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
      }]
  });
  $('#resize').click(function() {
      $('#container').attr('style', 'width: 800px');
      $("#container").highcharts().reflow();
      console.log($('#container').width());
  });
});

现在,当它运行时,它会将800记录到chrome中的开发工具窗口,但图表不会调整大小.我已按照highcharts文档中的建议尝试了redraw()和reflow().我甚至在jsfiddle上设置了一个非常快速的演示,http://jsfiddle.net/7cbsV/ 任何人都可以帮助我.这很重要.提前感谢您的帮助.

Answer 1

使用简单怎么样chart.setSize(w,h)？请参阅文档。

$("#container").highcharts().setSize(800, height);