Highcharts:如何将数据从JSON加载到xAxis.categories和series.data？

[
  {
    "category": "Category 1",
    "value": 10
  },
  {
    "category": "Category 2",
    "value": 20
  },
  {
    "category": "Category 3",
    "value": 30
  }
]

fetch('path/to/your/json/data.json')
  .then((response) => response.json())
  .then((data) => {
    const categories = data.map((item) => item.category);
    const seriesData = data.map((item) => item.value);

    // 初始化 Highcharts 图表
    Highcharts.chart('container', {
      xAxis: {
        categories: categories,
      },
      series: [
        {
          data: seriesData,
        },
      ],
    });
  });

<div id="container" style="width: 100%; height: 400px"></div>