D3交互式图形 - 更新图表从服务器

Question

新的数据我想更新D3作为这样一个图表（或其他一般可视化库）：例如一个项目

1. 用户点击图
2. 新数据从服务器
3. 使用新的数据返回，追加新的边和节点到旧图形的节点
4. 可能改变一些旧节点，例如使“B”的属性红色在下面的说明图中。

此图中所示：

我的问题是：如何才能做到这一点？用什么技术和步骤？我在另一个关于实时更新的问题上看到您可能会使用WebSocket。但就我而言，这不是实时更新。那么WebSocket仍然是正确的选择，还是有更好的选择，比如AJAX？

谢谢！

Answer 1

如果你只是要更新用户驱动事件的图形，如点击悬停等，然后使用websockets将是一个矫枉过正。 WebSocket用于向客户端发送数据，当客户端可能不知道何时更新并且服务器具有该信息时。

因此，例如。如果您想更新另一个人的图表，当某人更新他的图表时，Google Docs会显示某些图表，那么您需要使用WebSockets。

否则，如果是单个页面需求，则可以使用jQuery。如果你有一个更大的项目，你可以使用angular，这对D3也有很好的数据绑定。但是，是的，你基本上选择AJAX调用而不是WebSockets。