Javascript 基于类别在highcharts折线图上创建区域

我有一个图形，它将显示两个折线图。我对每个系列的定义大致如下：

    {
      data,
      name,
      type: 'line',
      zoneAxis: 'x',
      zones: getZones()
    }

{
  value: moment(data.timestamp).format('MMM'),
  color: data.color
}

我的图表的x轴使用一年中每个月的类别：

xAxis: {
  categories: data.timestamps.forEach(function(time) {
                  dates.push(moment(time).format('MMM D'));
              }),
              ...
}

我这样定义我的区域：

    {
      data,
      name,
      type: 'line',
      zoneAxis: 'x',
      zones: getZones()
    }

{
  value: moment(data.timestamp).format('MMM'),
  color: data.color
}

---

我认为，由于传递到xAxis的数据最终将生成一个数组，如

['Jan'，'Feb'，…]

如果我将每个点的值设置为相似，结果应该是图形在我设置的点之间改变颜色。相反，我看到的是，不管

区域
数组中有什么，图形上的线与数组中的第一个元素保持相同的颜色（尽管点确实会根据其定义的颜色更改颜色）。我的问题是，当xAxis基于类别而不是基于每个点的x值时，是否可以按照我所寻找的方式定义分区，如果可以，设置图形的正确方法是什么？值得一提的是，我尝试将每个点上的x轴设置为原始Unix时间戳，然后在x轴上的绘图选项中设置格式化程序，但这导致一些月在图形上重复，而线图显示在一个接一个的位置上，而不是彼此重叠
 你能在我可以使用的在线编辑器上复制你的案例吗？你能在我可以使用的在线编辑器上复制你的案例吗？