javascript - Highcharts 显示时间戳为错误日期

标签 javascript angularjs highcharts highcharts-ng

我需要根据时间戳在 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

最佳答案

如果您使用时间戳或数字,请使用 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/

关于javascript - Highcharts 显示时间戳为错误日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40327808/

相关文章:

javascript - Highcharts 柱形图直方图在工具提示中显示 x 范围

javascript - Highcharts 图表在 zoomType : 'x' area range zoom? 上变为空白

javascript - Highcharts Y 轴限制

javascript - requirejs 具有揭示模块模式

Javascript从html标签中选择特定数据

javascript - Flexbox 隐藏或显示不流畅

angularjs - ionic 框架中的月份和年份选择器

javascript - 使用 ionic 框架无限滚动

javascript - Javascript 中的 Array.prototype.reverse 和 Array.reverse 有什么区别?

javascript - Angular : compile google maps infoWindow content to use ng-click