繁体   English   中英

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

[英]Format categories (x-axis) for highcharts

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

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM