该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
大三学生,现在在弄一个项目,初步设想是在网页中显示实时数据就行,打算在linux中写脚本,然后重复执行脚本,输出重定向到一个html文件中,实现网页的刷新,刚刚弄网页,能看懂一些简单的标签,现在想在网页中显示波形,数据是单片机传过来的,在网上找发现关于这方面的资料少,找到一个人的博客上有一段实例,他这个是显示的一段随机波形,我想问下下面这段代码哪里才是控制横纵坐标的,哪段是控制显示的数据?
Highcharts - Dynamically updated datajQuery.noConflict();
var example = 'dynamic-update',
theme = 'sand-signika';
(function($){ // encapsulate jQuery
$(function() {
Highcharts.setOptions({
global : {
useUTC : false
}
});
// Create the chart
$('#container').highcharts('StockChart', {
chart : {
events : {
load : function() {
// set up the updating of the chart each second
var series = this.series[0];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = Math.round(Math.random() * 100);
series.addPoint([x, y], true, true);
}, 1000);
}
}
},
rangeSelector: {
buttons: [{
count: 1,
type: 'minute',
text: '1M'
}, {
count: 5,
type: 'minute',
text: '5M'
}, {
type: 'all',
text: 'All'
}],
inputEnabled: false,
selected: 0
},
title : {
text : 'Live random data'
},
exporting: {
enabled: false
},
series : [{
name : 'Random data',
data : (function() {
// generate an array of random data
var data = [], time = (new Date()).getTime(), i;
for( i = -999; i <= 0; i++) {
data.push([
time + i * 1000,
Math.round(Math.random() * 100)
]);
}
return data;
})()
}]
});
});
})(jQuery);
谢谢了