我的代码:
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
type: 'spline'
},
series: [{}],
title: {
text: 'Humidity vs Time',
x: -20 //center
},
xAxis: {
type: 'datetime'
title: {
text: 'Time'
}
},
yAxis: {
title: {
text: 'Humidity'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
}
};
$.getJSON('humidity', function(data) {
options.series[0].data = data;
var chart = new Highcharts.Chart(options);
});
});
它抓取的json数据是这样的,第一个变量是1970年以来的毫秒数:
[[1331028000000, 5], [1331031600000, 6], [1331035200000, 4]]
我目前正在尝试绘制数据点,其中一个是时间,另一个是值。为了做到这一点,我一直在尝试使用datetime x轴将时间变量从1970年以来的毫秒格式设置为一些不错的格式,但第一步是让它实际运行时在x轴上以毫秒为单位的时间。问题是,当我试图用x轴的类型声明为datetime来绘制这个图形时,图形无法加载。然而,如果我注释掉"type: 'datetime'",图形加载良好,尽管有大量的x轴值,我无法格式化。
有什么明显的我遗漏了吗?
您在type: 'datetime'
后面缺少一个逗号。加个逗号就可以了