javascript - highcharts js 库接受什么格式的日期？

Question

我正在使用 highcharts，无法确定从 Rails 日期到 highcharts 可接受的日期格式的日期输入应该是什么。

在我的迁移文件中，我存储这样的日期:

t.date :consumption_date

该值以“2012-03-25”这种格式存储，然后转到终端并找到我得到的记录:

=>  Sat, 31 Mar 2012

图表呈现时，各个点显示无效日期。以下数组获取输出到 highcharts 进行渲染

[[Sun, 25 Mar 2012, 1158], [Sat, 31 Mar 2012, 1200]]

当在 jquery 中提交数据时，highcharts 在其演示图表之一中使用的格式为:

[[Date.UTC(1970,  9, 27), 0   ], [Date.UTC(1970, 10, 10), 0.6 ]]

如何通过向 highcharts 提交正确的日期格式来消除无效日期。

Answer 1

Highcharts 内部使用 javascript 日期数字(自 1970 年 1 月 1 日以来的毫秒数)来表示日期。参见 Mozilla reference .

要获取轴上的日期，您首先需要将轴类型设置为“日期时间”:

xAxis: {
    type: 'datetime'
}

在指定系列数据时，您有几个选项(所有三个示例都生成相同的图表):

1. 设置起点并在点之间使用固定间隔

   pointStart: Date.UTC(2012, 2, 6, 10),
   pointInterval: 1000 * 60 * 60,
   data: [5, 6, 4]
   

2. 使用 Date.UTC 方法指定确切的日期。这样它对人类是可读的:

   data: [
       [Date.UTC(2012, 2, 6, 10), 5], 
       [Date.UTC(2012, 2, 6, 11), 6], 
       [Date.UTC(2012, 2, 6, 12), 4]]
   

3. 或者直接指定纪元时间:

   [[1331028000000, 5], [1331031600000, 6], [1331035200000, 4]]
   

关于 jsfiddle 的示例