Vue - 如何绘制波形

Question

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

Answer 1

绘制图表与 Vue 无关——任何 JS 图表库都可以。我已经成功地将 vue-chartjs 与 websocket 数据一起使用。该包只是包装了 chart.js 库并将方法公开给 Vue 组件。试试看？

然后您只需要接收数据并将其保存在组件的 data 函数中，并将数据作为 props 传递。 Vue 的反应性和 chart.js 可以处理其余的。