是否有cubism.js + WebSocket的教程或示例？

Question

是否有专门关于连接WebSockets (或其他非轮询数据源)和cubism.js的教程？

特别是，我希望能够创建来自服务器的实时数据流图，在视觉上类似于立体主义页面上的示例。

参考资料：- https://github.com/square/cubism/issues/5 - http://xaranke.github.io/articles/cubism-intro/ - 为cubism.js使用其他数据源

Answer 1

这是我在玩的东西。它不具权威性，但似乎有效：https://gist.github.com/cuadue/6427101

当数据从websocket传入时，将其放入缓冲区。调用回调(下面我将解释这些回调)，将缓冲区作为参数发送。检查返回代码以获得“成功”或“等待更多数据”。成功意味着数据被发送到立体主义，我们可以删除这个回调。

当cubism请求一个数据帧时，设置一个回调，它检查缓冲区中的最后一点是否在最后一点立方体请求之后。否则，等待更多的数据。

如果有数据覆盖被请求帧的停止，我们将满足这个请求。如果没有API来请求历史记录，我们就必须删除过去的数据。

然后，只需将缓冲区内插到立体步长上即可。

似乎立方体多次从同一时间点请求数据，所以这取决于您如何修剪缓冲区。我不认为在请求的开始时间之前删除所有数据是安全的。