html显示波形图,新人求助，关于网页显示波形方面的，谢谢了

拼搏现实的明天。 2022-10-07 05:49 147阅读 0赞

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

大三学生，现在在弄一个项目，初步设想是在网页中显示实时数据就行，打算在linux中写脚本，然后重复执行脚本，输出重定向到一个html文件中，实现网页的刷新，刚刚弄网页，能看懂一些简单的标签，现在想在网页中显示波形，数据是单片机传过来的，在网上找发现关于这方面的资料少，找到一个人的博客上有一段实例，他这个是显示的一段随机波形，我想问下下面这段代码哪里才是控制横纵坐标的，哪段是控制显示的数据？

Highcharts - Dynamically updated data

jQuery.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);

谢谢了

发表评论取消回复

表情：

评论列表（有 0 条评论，147人围观）

还没有评论，来说两句吧...

相关阅读