高格图的格式类别(x轴)

时间:2015-06-12 14:05:39

标签: javascript jquery angularjs highcharts

我正在使用的工作高图堆积区域图表。 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

1 个答案:

答案 0 :(得分:1)

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

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

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