使用图表库的Javascript频率分析器

我目前正在尝试使用网络技术，特别是Meteor，制作一个频率分析器

现在，我尝试使用谷歌图表库创建SVG图片。图表需要每秒刷新大约10次，性能不令人满意。它占用了所有的CPU资源

---

我对web开发（特别是图形和性能问题）有点陌生，因此如果您能为我的研究指出正确的方向，我将不胜感激。

使用canvas元素。你应该能够得到每秒60，如果是音频源，音频API提供了一个用于频谱分析的DSP

---

下面是一个例子，你可以很容易地用它来完成。我们还没有Meteor集成，但是下面的演示应该是一个好的开始。运行下面的代码片段以查看它的实况

我是ZingChart队的！如果你有问题，请告诉我

var最大值=100；
变量myConfig={
键入：“行”，
系列：[
{
值：[]
}
]
};
zingchart.render（{
id:'我的图表'，
资料来源：myConfig，
身高：400，
宽度：600
});
var myValues=[]；
setInterval（函数（）{
push（Math.floor（Math.random（）*10））；
if（myValues.length==MAXVALUES+1）{
myValues.shift（）；
}
console.log（myValues）
zingchart.exec（'myChart'，'setseriesvalues'{
值：[myValues]
})
}，60）

---

我最终使用了看起来是最快的库之一的CanvasJs。有一个选项

interactivityEnabled:false

用于禁用与图表的交互，从而提高性能

---

即使还没有直接的Meteor集成，只要将js文件放在

/client/compatibility

中就可以了。

分析仪不是用于音频源的，但谢谢，我会朝这个方向看。音频源不一定是音频，但是你只能应用转换的类型。我不认为我可以使用音频API，我将显示从无线电分析仪获得的原始数据。