在gridster小部件中加载highcharts时调整大小

<link rel="stylesheet" href="path/to/gridster.css">
<script src="path/to/gridster.js"></script>
<script src="path/to/highcharts.js"></script>

<div class="gridster">
  <ul>
    <li data-row="1" data-col="1" data-sizex="2" data-sizey="2">
      <div id="chart-container"></div>
    </li>
  </ul>
</div>

$(function() {
  var gridster = $(".gridster ul").gridster({
    widget_base_dimensions: [100, 100], // 设置小部件的基本尺寸
    widget_margins: [5, 5], // 设置小部件之间的边距
    resize: {
      enabled: true, // 允许调整大小
      stop: function(event, ui, widget) {
        // 调整大小停止时的回调函数
        var chart = Highcharts.charts[0]; // 获取第一个highcharts图表实例
        chart.reflow(); // 调整图表大小
      }
    }
  }).data('gridster');

  // 加载highcharts图表
  Highcharts.chart('chart-container', {
    // highcharts配置选项
    // ...
  });
});