Highcharts显示Date轴,以毫秒为单位

时间:2011-06-06 20:44:10

标签: highcharts

如何从像这样结构的json对象在x轴上显示日期;

[
    [
        634420512000000000,
        100000
    ],
    [
        634421376000000000,
        100086
    ],
    [
        634422240000000000,
        100171
    ],
    [
        634423104000000000,
        100257
    ]
]

我的日期以毫秒为单位。我已经设置了我的xAxis;

xAxis: {
    title: {
        text: 'Time'
    },
    type: 'datetime'
}

由于

2 个答案:

答案 0 :(得分:1)

原来我从1970年1月1日开始返回刻度而不是毫秒

因此...

Dim dt1970 As DateTime = New DateTime("1970", "1", "1")
Dim d As DateTime = row("myDateFromDB")
Dim span As TimeSpan = d - dt1970

Dim milli as long = span.TotalMilliseconds

答案 1 :(得分:0)

Highcharts接受三种主要数据格式:

  • 一个简单的数组(例如[1, 2, 3]
  • x,y对(例如[[x, y], [x2, y2]]
  • 的数组数组
  • 点对象列表

可以找到有关这些格式的更多详细信息in the highcharts documentation。但是,在您的情况下,它应该很容易。只需执行以下操作即可。

var data = []; //assume data is the array you've listed in your question

var chart = new Highcharts.chart({
    xAxis: {
        title: {
            text: 'Time'
        },
        type: 'datetime'
    },
    series: [{
        data: data
    }]
});