Question

我正在使用的工作高图堆积区域图表。 x轴由纪元时间戳组成，但我想将它们翻译成人类可读的时间。在过去，我做过这样的事情：

realpath

要获得从纪元时间到常规时间的时间，但现在事情有点不同了。在我的图表上，现在这是x轴的外观：

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

其中xAxis: { categories: $scope.alltimes, tickmarkPlacement: 'on', title: { enabled: false }是所有纪元时间戳的数组。数组中有23个项目，这就是我用于x轴上所有点的内容。我不能做我过去做过的同样的事情，因为据我所知，由于它们直接输入x轴，所以没有类别的格式化程序。我也想在工具提示中做同样的事情，我可以采用与旧方法相同的方式，但它会不一致。由于工具提示和类别来自同一数据源，为什么不在一个地方进行。我有一个我一直在研究的here。

Answer 1

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

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

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

高格图的格式类别（x轴）

1 个答案: