javascript - Vue - 如何绘制波形

标签 javascript vue.js vuejs2 waveform

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

最佳答案

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

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

关于javascript - Vue - 如何绘制波形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48561230/

相关文章:

vue.js - 基于 Vue-Router 语言的路由前缀

javascript - 渲染中的 JSX 语法箭头函数

javascript - 使用 underscore.js _.omit 删除嵌套对象

javascript - 更改导航栏中的事件类别

node.js - 当前端和后端在虚拟 docker 网络中时,如何使用 axios 寻址后端主机

javascript - nuxt vue router afterEach 守卫

vuejs2 - Vuex Mutation 返回最后插入的内容

javascript - 将 html 传递给 Vue 组件

javascript - 使用 JQuery 在选择中再次单击相同的选项

vue.js - 使用 Vue.js 在 IE 11 中 undefined variable