javascript - Vue - 如何绘制波形

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 5 年前。

Improve this question

我更多地寻找方向而不是代码。我想知道在 Vue 中绘制波形是否有一个标准。我不想绘制音频波形。我一直在网上搜索，几乎我发现的每一篇文章或网站都是关于音频波形的，而不是实际绘制您自己的 X 和 Y 值。我想做的是通过 websocket 接收数据(这已经完成)并将这些数据绘制成波形。这有标准吗？我对 UI 很陌生(一直是后端，但现在变成了完整的堆栈)，并且确信此类问题已经解决，并且不想重新创建轮子。

Answer 1

绘制图表与 Vue 无关 - 任何 JS 图表库都可以。我已经成功使用vue-chartjs与 websocket 数据。该包仅包装 Chart.js 库并将方法公开给 Vue 组件。尝试一下吗？

然后，您只需接收数据并将其保存在组件的 data 函数中，并将数据作为 props 传递。 Vue 的 react 性和 Chart.js 可以处理剩下的事情。