Highcharts 将时间戳显示为错误的日期

Question

我需要根据时间戳在 highcharts 上显示正确的日期，

配置如下，

series: [{
  "name": "avg_sales",
  "color": "#3b6982",
  "data": [{
      "name": 1230768000,
      "y": 526.4200000000001
    }, {
      "name": 1230854400,
      "y": 1850.3116666666667
    }, {
      "name": 1230940800,
      "y": 3199.786
    }]
}],
tooltip: {
  dateTimeLabelFormats: {
    hour: '%A, %b %e, %l %p'
  },
},
xAxis: {
  dateTimeLabelFormats: {
  hour: '%A, %b %e, %l %p'
  },
  type: 'datetime'
}

预期输出：它在工具提示中显示正确的值，但在 x 轴值中不显示。如何解决这个问题？

DEMO

Answer 1

如果您使用时间戳或数字，请使用 x 属性而不是名称（名称仍可使用，但 x 优先）

"data": [{
        "name": "point's name",
      "x": 1230768000,
      "y": 526.4200000000001
    }, {
      "x": 1230854400,
      "y": 1850.3116666666667
    }, {
      "x": 1230940800,
      "y": 3199.786
    }]

示例：http://jsfiddle.net/95LX7/71/

Answer 2

一种方法是将数据格式更改为如下所示 highchart official example

  "data": [
    [1230768000, 526.4200000000001],
    [1230854400, 1850.3116666666667],
    [1230940800, 3199.786]
  ]

JS fiddle

Highcharts 将时间戳显示为错误的日期

Highcharts showing timestamp as wrong date

javascript

highcharts

angularjs

highcharts-ng