Highcharts中设置X轴为时间并动态加载

首先,在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)。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值