highcharts初始化加载时只加载基本的x,y轴数据

在 Highcharts 中，您可以使用 `chart.showLoading()` 方法来显示加载动画，并使用 `chart.hideLoading()` 方法来隐藏它。 您可以在这些方法之间加载数据。

例如，您可以在页面加载时先初始化 Highcharts 图表，并显示加载动画。 然后，使用 AJAX 请求从服务器获取数据，加载完数据后再使用 `chart.hideLoading()` 隐藏加载动画并更新图表。

以下是一个示例代码：

// 初始化图表并显示加载动画
var chart = Highcharts.chart('container', {
    chart: {
        type: 'line'
    },
    title: {
        text: 'My Chart'
    },
    xAxis: {
        categories: [] // 初始为空数组
    },
    yAxis: {
        title: {
            text: 'Value'
        }
    },
    series: [{
        name: 'My Series',
        data: [] // 初始为空数组
    }]
});
chart.showLoading(); // 显示加载动画

// 发送 AJAX 请求获取数据
$.ajax({
    url: 'mydata.json',
    dataType: 'json',
    success: function(data) {
        chart.xAxis[0].setCategories(data.categories); // 更新 x 轴数据
        chart.series[0].setData(data.series); // 更新 y 轴数据
        chart.hideLoading(); // 隐藏加载动画
    }
});

在这个例子中，我们使用了一个空数组来初始化 x 和 y 轴数据，然后在 AJAX 请求中使用 `setCategories()` 和 `setData()` 方法来更新数据。在数据加载完成后，我们使用 `hideLoading()` 方法隐藏加载动画并更新图表。