【问题标题】:Highcharts showing timestamp as wrong dateHighcharts 将时间戳显示为错误日期
【发布时间】:2016-10-30 09:49:15
【问题描述】:

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

【问题讨论】:

    标签: javascript angularjs highcharts highcharts-ng


    【解决方案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/

    【讨论】:

      【解决方案2】:

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

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

      JS fiddle

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2015-06-14
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-03-02
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多