javascript - 使用 highcharts 处理 unix 时间戳

Question

jsfiddle：http: //jsfiddle.net/RjPRd/

时间和标签显示不正确。

我认为 Javascript Time 的时间戳应该乘以 1000，但最好的方法是什么？另外我认为设置仍然不正确，因为标签似乎与光标所在的位置相反。

Answer 1

你是对的，Javascript 中的时间戳是毫秒，所以你应该将所有内容乘以 1000。

对于另一个问题，它来自于您的数据是倒序排列的事实。显然，当系列没有正确排序时，HighCharts 搞砸了。

这是您的代码的更正：http: //jsfiddle.net/cvedovini/RjPRd/2/

Answer 2

在 Highcharts 中使用时间戳（毫秒）的一种简单方法是使用formatter。因此，首先将您的时间值作为unix 时间戳接收，然后在图表中设置以下功能之一：

在 xAxis 标签中使用：

xAxis:[{
  labels:{
     formatter:function(){
         return Highcharts.dateFormat('%Y %M %d',this.value);
     }
  }
}]

在工具提示中使用：

tooltip: {
    readerFormat: {
        formatter: function(){
         return Highcharts.dateFormat('%Y %M %d',this.value);
     }
  },
    pointFormat: '{point.y} ms',
    shared: true
},

带有工具提示的代码示例

关于格式化程序的参考