使用高图表处理 unix 时间戳

Handling unix timestamp with highcharts

本文关键字：unix 时间戳 表处理 高图      更新时间：2023-09-26

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

时间和标签显示不正确。

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

你是对的，Javascript中的时间戳是毫秒，所以你应该把所有东西都乘以1000。

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

以下是对代码的更正：http://jsfiddle.net/cvedovini/RjPRd/2/

在Highcharts中使用时间戳（毫秒）的一种简单方法是使用格式化程序。因此，首先以 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
},

带有工具提示的代码示例

关于格式化程序的参考

相关文章：