如何在HIghcharts中实现面积图的异步下钻？

// 定义初始的面积图
var chart = Highcharts.chart('container', {
  chart: {
    type: 'area'
  },
  xAxis: {
    categories: ['Category 1', 'Category 2', 'Category 3']
  },
  yAxis: {
    title: {
      text: 'Value'
    }
  },
  series: [{
    name: 'Series 1',
    data: [1, 2, 3],
    drilldown: true // 开启下钻功能
  }]
});

// 点击事件
chart.series[0].points.forEach(function(point) {
  point.on('click', function() {
    // 异步加载下一级数据
    $.ajax({
      url: 'your_api_url',
      success: function(data) {
        // 格式化数据
        var drilldownData = formatData(data);

        // 添加下一级数据
        chart.addSeriesAsDrilldown(point, drilldownData);
      }
    });
  });
});

// 数据格式化函数
function formatData(data) {
  // 格式化为Highcharts所需的数据格式
  var formattedData = [];

  // 根据实际数据格式进行处理

  return formattedData;
}