简体繁体 English

可定制的 javascript 图表构建以实现高性能

[英]Customizable javascript chart build for high performance

原文 2021-04-13 18:10:51 0 1 javascript/ linegraph/ pitch/ pitch-tracking

I want to create a piece of software in the browser that listens to microphone and detects it's pitch region.我想在浏览器中创建一个软件来监听麦克风并检测它的音高区域。 Then I want to show it on realtime streamed line graph.然后我想在实时流线图上显示它。 On yAxis there will be mapped MIDI keys presenting the notes (under the hood - yAxis will be just Hz), and on x axis I want to show the line based on Hz.在 yAxis 上将映射 MIDI 键来呈现音符（在引擎盖下 - yAxis 将只是 Hz），在 x 轴上我想显示基于 Hz 的线。

I already have built something that listens to the microphone and detects frequencies in Hz in realtime.我已经构建了一些可以收听麦克风并实时检测以赫兹为单位的频率的东西。 The website is written in React.该网站是用 React 编写的。 Now I need to use some library chart that will update the line with the pitch value.现在我需要使用一些库图表来用音高值更新线条。 If there is no such value (nobody singing/speaking), the chart will be filled with nulls or missed values.如果没有这样的值（没有人唱歌/说话），图表将填充空值或缺失值。

Is there any chart library that is focused to has high performance with strong customization options?是否有任何图表库专注于具有强大的自定义选项的高性能？ I tried apache/echarts, but it seems that it has trobule with streaming in realtime.我尝试了 apache/echarts，但它似乎在实时流式传输方面存在问题。

1 个解决方案

You could alternatively try LightningChartJS .您也可以尝试LightningChartJS 。 We have multiple charts which can be used for audio visualization in real-time.我们有多个图表可用于实时音频可视化。 These charts feature strong customization options as well as the ability to place multiple charts into a dashboard-like layout.这些图表具有强大的自定义选项以及将多个图表放入类似仪表板的布局的能力。

Have a look at ourInteractive Examples and more specifically, the audio visualization example too.看看我们的交互式示例，更具体地说，还有音频可视化示例。

I am a LightningChart Dev, so if you need any support, feel free to message me.我是 LightningChart 开发人员，所以如果您需要任何支持，请随时给我发消息。