javascript - Highcharts 的格式类别(x 轴)

Question

我正在使用一个工作 Highcharts 堆积面积图。 x 轴由纪元时间戳组成，但我想将它们转换为人类可读的时间。过去我做过这样的事情:

tooltip: {
    formatter: function() {
        return Highcharts.numberFormat(this.y) + ' packets<b> | </b>' + Highcharts.dateFormat('%H:%M:%S', this.x);
    }

将时间从纪元时间转换为常规时间，但现在情况有点不同。现在在我的图表上，x 轴如下所示:

xAxis: {
  categories: $scope.alltimes,
  tickmarkPlacement: 'on',
  title: {
    enabled: false
  }

其中$scope.alltimes是所有纪元时间戳的数组。数组中有 23 个项目，这就是我用于 x 轴上所有点的项目。我不能做我过去做过的同样的事情，因为据我所知，类别没有格式化程序，因为它们直接提供 x 轴。我还想在工具提示内做同样的事情，我可以按照与旧方法相同的方式进行操作，但会不一致。为什么不在一处执行此操作，因为工具提示和类别来自同一数据源。我有一个我一直在研究的 plunker here .

Answer 1

要在 xAxis 上执行此操作，请使用 labels.formatter功能:

  labels: {
    formatter: function() {
        return Highcharts.dateFormat('%H:%M:%S', parseInt(this.value, 10));
    }
  }

您可以在工具提示中使用相同的格式以及使用 tooltip.formatter .