javascript - 使用什么样的库来显示图形对象和右键单击上下文菜单

Question

目标:开发一个基于 Web 的 NMS 界面，用于显示网络拓扑(例如交换机、路由器、链路、终端主机)。每个节点应该是“可移动的”(可手动拖动到适当的位置或通过算法计算出的最佳位置)。我应该能够放大网络图(假设有许多节点集群，并且我想专注于特定的节点集群)。我应该能够右键单击任何节点或链接并获得上下文菜单(例如，“显示路由表”、“显示接口(interface)”、“显示带宽利用率图”等)。

此网络拓扑的数据将通过调用基于 apache 的 Web 服务器来获取，其中 Python 中的后端脚本将获取适当的数据并通过 JSON 将其发送到 Web 客户端。

问题:我假设某种 javascript 库/框架最适合此操作 - jQuery、Dojo、Moo 等。[我以前从未使用过其中任何一个]。对于此类事情，最推荐使用其中哪一个。这将是最容易学习的(比如几个月的时间)。

Answer 1

thejit 的人使用 javascript 和 HTML canvas 在多数据表示方面做了一些非常出色的工作。它们具有基于网络中连接的节点的交互式界面，您可以放大和缩小并获取更多信息。

我相信您可以调整它以获得您想要的结果。

静态 JSON 树结构用作动画的输入，这也是您想要的。