Question

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

配置如下，

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将时间戳显示为错误的日期

2 个答案: