【问题标题】:Vue - How to Draw Waveforms [closed]Vue - 如何绘制波形 [关闭]
【发布时间】:2018-02-01 11:05:14
【问题描述】:

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

【问题讨论】:

  • 绘制图表并不是 Vue 特有的——任何 JS 图表库都可以。我已经成功地将vue-chartjs 与 websocket 数据一起使用。该包只是包装了 chart.js 库并将方法公开给 Vue 组件。试试看?然后,您只需接收数据并将其保存在组件的 data 函数中,并将数据作为道具传递。 Vue 的反应性和 chart.js 可以处理其余的。
  • @xenetics 谢谢老兄。我对前端比较陌生,但我能找到的一切都是音频特定的。我很感激,我希望我能接受你的回答
  • 我会将其添加为答案,您可以接受;)如果您需要更多指导,请告诉我。我其实有一个答案,但在最后一刻把它改成了评论,哈哈。很高兴我能帮上忙。

标签: javascript vue.js vuejs2 waveform


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-09-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-28
    • 1970-01-01
    • 2015-04-23
    • 1970-01-01
    相关资源
    最近更新 更多