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

，可以通过以下步骤实现：

确保已经引入了gridster和highcharts的相关库文件。可以通过在HTML文件中添加以下代码来引入这些库文件：

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

创建一个gridster容器，用于放置highcharts图表。可以在HTML文件中添加以下代码来创建gridster容器：

<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>

在上面的代码中，我们创建了一个gridster容器，并在其中添加了一个li元素作为一个小部件，设置了该小部件的位置和大小，并在其中创建了一个div元素作为highcharts图表的容器。

使用JavaScript代码初始化gridster，并在加载highcharts时调整大小。可以在JavaScript文件中添加以下代码：

$(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配置选项
    // ...
  });
});

在上面的代码中，我们使用gridster库初始化了gridster容器，并设置了小部件的基本尺寸和边距。然后，我们启用了调整大小功能，并在调整大小停止时调用了一个回调函数。在回调函数中，我们获取了第一个highcharts图表实例，并调用了reflow()方法来调整图表的大小。

这样，当在gridster小部件中加载highcharts时，可以通过调整小部件的大小来自动调整highcharts图表的大小，以适应小部件的尺寸变化。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云容器服务（TKE）。