展示实时商业网络方案的良好前端解决方案

Question

我们有一个由几种类型的自动售货机组成的网络，我们有通用的API来管理它们并从我们的供应商那里获取数据。其目的是在浏览器中显示此网络的实时图形模式。模式应该包括机器、中心、服务器等图标，以及将对象相互连接的线条。

很明显，地形是灵活的。我们可以设置新的机器，更改绑定等。因此，模式应该是自动跟踪的:我希望将一些对象和关系作为数组或JS对象提供给它，并在浏览器中看到图形模式。

所有的对象都应该是可点击的。我希望点击供应商图标并获取其统计数据。

最后但并非最不重要的一点是，这应该是实时的。操作员应该监视此活动模式，如果出现问题，请采取一些措施。

后端不会造成问题。我可以创建一个数据库，并将所有的业务逻辑推送到服务器端。但是我想知道，有没有一种完美的方式来在前端显示这些东西？对于这样的图表，有现成的解决方案吗？

Answer 1

嗯，我不认为存在这样一组特定需求的现成解决方案(但在这一点上我很容易出错)。不过，你可以看看D3。D3是一个Javascript“数据驱动”库，用于创建动态图表和图形。也许你可以找到一些对你的用例有用的东西，因为这个库非常灵活，并提供了许多功能。