在 ApexChart 上绘制日期时间与类别

如何解决在 ApexChart 上绘制日期时间与类别

我有一个 API，它返回一个关于何时食用水果的 JSON 对象。数据是这样的：

  data: [
    { x: '02/04/2021',y: 'Apple' },{ x: '02/04/2021',y: 'Orange' },{ x: '02/06/2021',{ x: '02/08/2021',{ x: '02/09/2021',{ x: '02/10/2021',{ x: '02/11/2021',]

请注意，目前日期采用美国格式 (mm/dd/yyyy) — 我暂时不关心这个。

我试图在堆叠的 ApexCharts 条形图上绘制这些项目，沿 x 轴显示过去一周的每一天的日期，在 y 轴上显示消耗的苹果/橙子的数量。配置如下：

var options = {
  chart: {
    height: 280,type: 'bar',stacked: true,fontFamily: 'Helvetica,Arial,sans-serif',},dataLabels: {
    enabled: false
  },series: [
    {
      name: 'Series 1',data: [
        { x: '02/04/2021',]
    } 
  ],xaxis: {
    type: 'datetime',min: Date.Now()-(6*86400000),// Where the 6 is the number of days
    max: Date.Now(),// Today
  },yaxis: {
    type: 'category'
  }
};

有一个 CodePen here。

在 2 月 4 日应该有一个高为 3 的条形（2 个苹果和 1 个橙色），然后在 2 月 5 日应该有一个缺口，然后在 2 月 6 日出现一个高为 1 的条形（1 个橙色），依此类推.

但是，图表目前是空白的，没有任何错误记录到控制台。我想知道是否有人可以建议如何根据需要进行绘图？如果可能，我希望不必将 API 中的数据修改或操作为多个系列。

非常感谢。