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

拼搏现实的明天。 2022-10-07 05:49 184阅读 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 条评论，184人围观）

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

相关阅读

相关 matlab显示wav波形图,matlab 分析wav波形

\[x,fs,bits\]=wavread(‘d.wav‘, \[1 5000\]); % sound(x, fs, bits); N = length(x); n =

深藏阁楼爱情的钟/ 2023年01月14日 07:59/ 0 赞/ 248 阅读

相关小程序中使用onFrameRecorded实时显示波形

onFrameRecorded 传过来的是MP3帧，但是，这个帧有的时候是不完整的帧，好像是小程序的性能问题或者之类的其他问题。使用js-mp3，把MP3帧解码成PCM数据

r囧r小猫/ 2022年12月23日 01:55/ 0 赞/ 442 阅读

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

该楼层疑似违规已被系统折叠隐藏此楼查看此楼大三学生，现在在弄一个项目，初步设想是在网页中显示实时数据就行，打算在linux中写脚本，然后重复执行脚本，输出重定向到一个ht

拼搏现实的明天。/ 2022年10月07日 05:49/ 0 赞/ 185 阅读

相关 python使用matplotlib显示坐标图、聚类图、波形图

使用python显示坐标图、聚类图、波形图可以通过matplotlib.pyplot来画图，可以通过【jupyter notebook】或者【pycharm】来展示

╰+攻爆jí腚メ/ 2022年10月06日 01:00/ 0 赞/ 260 阅读

相关 matlab 录音并显示波形

fs=16000; %取样频率 duration=2; %录音时间 fprintf('Press any key t

梦里梦外;/ 2022年07月14日 07:20/ 0 赞/ 174 阅读

相关波形图绘制（Quartz）

最近研究了如何在[iOS][]上绘制wav波形图。查了很多资料，都没能找到一个很完整的介绍，我这里总结一下一些经验。首先需要了解wav的这3个重要指标：采样率、采样位数、声

谁借莪１个温暖的怀抱￠/ 2022年06月17日 06:57/ 0 赞/ 263 阅读

相关 java把音频显示为波形图

package cn.xuan.test; import javax.sound.sampled.AudioFormat; import ja

偏执的太偏执、/ 2022年05月10日 18:18/ 0 赞/ 335 阅读

相关 qt波形显示控件----QCustomPlot

QCustomPlot 是一个超强超小巧的qt绘图类，非常漂亮，非常易用，只需要加入一个qcustomplot.h和qcustomplot.cpp文件即可使用，远比qwt

r囧r小猫/ 2022年05月08日 00:52/ 0 赞/ 412 阅读

相关读心电波形图

心电图内容:心脏在每个心动周期中，由起搏点、心房、心室相继兴奋，伴随着生物电的变化，通过心电描记器从体表引出多种形式的电位变化的图形（简称 ECG）.心电图是心脏兴奋的发生、传

柔光的暖阳◎/ 2022年03月31日 09:24/ 0 赞/ 240 阅读

相关关于晶体波形

晶振输出波形都是怎样的? 作者：扬兴晶振日期：2019年01月03日 17:11 浏览量：905 　　小编在上传商品的时候遇到了一个难题，那就是输出波

待我称王封你为后i/ 2022年01月06日 05:13/ 0 赞/ 207 阅读