首先,在xAxis中设置x轴属性:
xAxis: {
//表示为时间,注意大小写
type: ‘datetime’,
//间距,时间戳,以下表示间距为1天,如果想表示间距为1周,就这么写
//7243600*1000
tickInterval: 24 * 3600 * 1000,
//格式化时间,day,week…
dateTimeLabelFormats: {
day: ‘%Y-%m-%d’
}
}
然后,传入正确格式的json数据,格式为:[[时间戳,data],[时间戳,data],[时间戳,data]…](注意:时间戳要精确到毫秒,若只精确到秒,乘以1000即可)。
最后,在使用ajax更新数据时这样写:
success: function(data){
chart…series[0].addPoint(data,true,true)
}
加载即可。(chart为Highcharts实例)
注意:Highcharts采用时间为x轴间距时,hightcharts会有8小时的误差显示,所以在此刻消除时间差(时间戳+8*3600)。