我正在使用一张workingHighcharts堆积面积图。 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轴。我也想在工具提示中执行相同的操作,可以使用与旧方法相同的方法,但是会不一致。为什么不将它放在一个地方,因为工具提示和类别来自同一数据源。我有一个一直在研究here的朋克。

最佳答案

要在xAxis上执行此操作,请使用labels.formatter函数:

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


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

关于javascript - 高位图表的格式类别(x轴),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30805051/

10-13 03:03