javascript - 如何将 xAxis 标签格式化为 Highcharts 中每个值的日期？

Question

我正在尝试创建一个简单的折线图。如您所见，数据已格式化，因此数组中的第一个值是日期(年 - 月)，然后是一个值。如有必要，我可以更改日期格式，但数据通常每个月都有一个单一值，按升序排列到当前月份。

是否可以格式化图表，使底轴具有日期标签(年 + 月)？这是 Codepen我的工作示例，这里是 original Highchart example如果需要的话。

Highcharts.chart("container", {
  series: [
    {
      data: [
        ["2018-10", 18],
        ["2018-11", 16],
        ["2018-12", 21],
        ["2019-01", 22],
        ["2019-02", 22],
        ["2019-03", 20],
        ["2019-04", 22],
        ["2019-05", 24],
        ["2019-06", 25],
        ["2019-07", 31],
        ["2019-08", 35],
        ["2019-09", 33],
        ["2019-10", 35],
        ["2019-11", 35],
        ["2019-12", 35]
      ]
    }
  ]
});

这就是我的目标

如果我可以在不同的库中更轻松地做到这一点，我愿意接受建议。

Answer 1

你可以这样做，使用类型类别将给出系列的 xaxis

 xAxis: {
   type: 'category',
   labels: {
        formatter: function () {
            var str = this.value.split('-');
            return str[1]+'<br>'+ str[0];
        }
    }
},