Vue - 如何绘制波形

时间:2018-02-01 11:05:15

标签: javascript vue.js vuejs2 waveform

我更注重方向而不是代码。我想知道是否有在Vue中绘制波形的标准。我不想绘制音频波形。我一直在网上搜索,几乎我找到的所有文章或网站都是关于音频波形的,而不是实际绘制你自己的X和Y值。 我想做的是通过websocket接收数据(这已经完成)并将这些数据绘制成波形。这有标准吗?我是UI的新手(总是后端但现在变成了完整的堆栈)并且确定这类问题已经解决并且不想重新创建轮子。

1 个答案:

答案 0 :(得分:1)

绘制图表不是特定的Vue - 任何JS图表库都可以。我已成功使用vue-chartjs和websocket数据。该包只包装chart.js库并将方法公开给Vue组件。试一试?

然后,您只需接收数据并将其保存在组件的data函数中,并将数据作为道具传递。 Vue的反应性和chart.js可以处理剩下的事情。