我正在使用一张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/