如何使用JavaScript制作实时2D密度图

Question

enter image description here

图形的网址链接：https://plot.ly/javascript/2d-density-plots/?fbclid=IwAR2JFdIcX2dMKnwmquwJy30NE2q6RTyaSgiSKiQLRl2q2Fo8VCCK0nTBbuc

我目前正在开发一个网站，该网站从数据库中获取坐标数据，然后将其绘制为2D密度图，但是在尝试使其实时工作方面存在问题。我看过一些带有线图的示例，但这有很大的不同，我想知道是否有人对我应该如何处理提出任何建议。

在此先感谢

Answer 1

您可以从服务器或Websocket创建数据流，当数据更改时，您可以在前端监听事件，并根据绘图选项（例如https://community.plot.ly/t/what-is-the-most-performant-way-to-update-a-graph-with-new-data/639/7）重新绘制或更新图表。如果您有Node.js后端，那么下面的链接对您来说很有趣：

• 信息流：https://nodejs.org/api/stream.html
• Websockets：https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API