我想使用 Highcharts 可视化数据库中的温度。
JS 数据数组如下所示:
[date object, value]
例如:
[Fri Mar 04 2016 01:39:10 GMT+0100 (Central Europe Standard Time), 20.5]
如您所见,我有一个日期对象和一个值。所以我的问题是格式化显示日期的 x 轴,最好的情况是格式化为 HH:MM。看起来我已经使用了 xAxis 类型的日期时间,但这不起作用。
xAxis: {
type: 'datetime'
// ...
}
你知道这个问题的解决方案吗?
Highcharts 吸收datetime
以毫秒为单位的时间戳形式。您正在提供一个 Date 对象。不只是插入 Date 对象,而是使用getTime()
Date 对象的函数来获取时间戳。
例如 (JSFiddle http://jsfiddle.net/Ondkloss/nk6v2j8t/):
$(function () {
// The timestamp of the current time
var timestampNow = new Date().getTime();
// The timestamp one hour from now
var timestampOneHour = new Date(timestampNow + (3600 * 1000)).getTime();
$('#container').highcharts({
xAxis: {
type: 'datetime'
},
series: [{
data: [
[timestampNow, 1],
[timestampOneHour, 2]
]
}]
});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)