Javascript 如何在x轴上设置海图中的日期格式？

我将日期存储在一个数组中，该数组需要显示在图表的x轴上。如何格式化日期，使其在x轴上正确渲染

{
  "xData": ["2020-10-01T19:30:00.000Z",
             "2020-10-02T19:30:00.000Z",
             "2020-10-03T19:30:00.000Z",
             "2020-10-04T19:30:00.000Z",
             "2020-10-05T19:30:00.000Z",
       ...
       ...
  ]
}

Highcharts.chart('container, {
  chart: {
    marginLeft: 40                  
  },
  title: {
    text: ''
  },
  xAxis: {
    categories: Date.UTC(xData),
  },
  yAxis: {
    title: {
      text: null
    }
  },
  series: [{
      data: dataset.data,
  }]
});

---

如果要将x轴用于类别，请将日期字符串映射到具有所需格式字符串的数组

    xAxis: {
        categories: dataset.xData.map(date => {
            return Highcharts.dateFormat('%Y-%m-%d', new Date(date).getTime());
        })
    }

---

现场演示：

API参考：

---

但我认为更合适的解决方案是以

[x，y]

格式创建数据，使用datetime x轴类型和标签格式：

const processedData = dataset.data.map((dataEl, i) => {
    return [new Date(dataset.xData[i]).getTime(), dataEl] // x, y format
});

Highcharts.chart('container', {
    ...,
    xAxis: {
        type: 'datetime',
        labels: {
            format: '{value:%Y-%m-%d}'
        }
    },
    series: [{
        data: processedData
    }]
});

---

现场演示：

---

API参考：

您想要什么格式以及您尝试过什么？我尝试使用以下格式来格式化值，但无法正确呈现：

格式：{value:%Y-%m-%d}，

我正在寻找没有时间戳的Y/m/d格式……但我很想看看如何以两种方式显示它。这很好，谢谢。