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

Question

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

特别是，我希望能够创建服务器数据流的实时图表，在视觉上类似于 cubism page 上的示例.

引用资料: - https://github.com/square/cubism/issues/5 - http://xaranke.github.io/articles/cubism-intro/ - Using Other Data Sources for cubism.js

Answer 1

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

当数据从 websocket 传入时，将其放入缓冲区。抽取回调(我将在下面解释)，将缓冲区作为参数发送。检查“成功”或“等待更多数据”的返回码。成功意味着数据已发送到 Cubism，我们可以删除此回调。

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

如果有数据覆盖所请求帧的停止，我们将满足此请求。如果没有 API 来请求历史记录，我们必须丢弃过去的数据。

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

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