使用 JIT 显示非常大的图

Question

我想在网页中向用户显示单向图。我目前使用 JavaScript InfoVis Toolkit (JIT) 作为可视化库。

问题是该图有很多节点和边，浏览器无法跟上所有节点和边，速度会变慢。这是a部分图的屏幕截图：

我认为如果该图可以解决问题已部分显示。因此，当用户单击某个节点时，该节点及其周围的节点应展开（显示），而一些较远的节点应折叠（隐藏），以防止出现性能问题。

基于这个想法，我编写了一个简单的代码，当用户单击它时展开节点并将其置于中心并折叠先前居中的节点。这不是一种非常有效和明智的显示节点的方式，无论如何它都不起作用。它只是折叠所有节点，而无法展开当前单击的节点。

这是代码：

onClick: function(node,eventInfo,e) {
    if(node==false) 
    {
        return;
    }

    if(rgraph.previousexpand!=false)
    {
        if(rgraph.previousexpand.id!=node.id)
        {
            rgraph.op.contract(rgraph.previousexpand, {  
                type: 'animate',  
                duration: 3000,  
                hideLabels: true,  
                transition: $jit.Trans.Quart.easeOut  
            });                 
        }
    }

    rgraph.previousexpand = node;
    rgraph.op.expand(rgraph.previousexpand, {  
       type: 'animate',  
       duration: 3000,  
       hideLabels: true,  
       transition: $jit.Trans.Quart.easeOut  
    }); 

    rgraph.onClick(node.id);
}

在初始化中：

rgraph.previousexpand=false;

首先，您知道显示非常大的图形的更好方法吗？ JIT 或其他库中是否有其他解决方案以这种方式显示图形？

其次，我在代码中缺少什么？