Javascript 使用Sigma.js显示neo4j节点属性

我正在使用Sigma.js和cypher插件来可视化我的neo4j数据库。在遵循这里的简单示例之后，它运行良好。我编辑了插件，以便显示的图形标签是我的neo4j节点的名称，但是，我还想在单击标签或节点时显示其他节点属性。我对JavaScript非常陌生，因此想知道对于像我这样的初学者来说，这是否可行，以及它是否是我的最佳起点。

您必须在单击或悬停节点上注册事件。 事件的sigmajs中有一个示例：

这是一个简短的代码，演示如何实现这一点。按所需替换警报方法

sigma.bind('overNode', function(event) {
  alert(event.data.node);
});

如果您只想查找数据库，请查看tank browser：

干杯

您必须编辑插件

首先：定义var让我们假设在文件开头将其称为“has”

第二：您应该在html中添加ul，并向其中添加名为“popover”的类

第三：如果（typeof sig==='object'，则应添加到else内部的cypherCallback方法中）

sig.graph.read（图形）；
sig.bind（'clickNode'，函数（e）{
var clicknode=e.data.node；
//清空打印的列表
$（'.popover'）.empty（）；
has=''；
//从returend对象创建tlis tof道具
用于（clicknode.neo4j_数据中的var键）{
$（'.popover'）.append（'
'+keys+'='+clicknode.neo4j_数据[keys]+'
'）；
具有+='n.+keys+'='+点击节点。neo4j_数据[keys]+'”和'；
}                   
$（'.popover'）.show（）；
});                  
信号绑定（'clickStage'，函数（e）{
$（'.popover'）.hide（）；
});

                sig.graph.read(graph);
                sig.bind('clickNode', function(e) {
                var clicknode = e.data.node;
            // empty the printed list                    
               $('.popover').empty();  
                has='';    
            // create the tlis tof prop. from returend Object
            for(var keys in clicknode.neo4j_data ){
               $('.popover').append(' <li>' + keys + ' = '+  clicknode.neo4j_data[keys] + '</li>'); 
has+= 'n.' +keys + '="'+ clicknode.neo4j_data[keys] + '"AND ';
}                   
            $('.popover').show();
});                  
          sig.bind('clickStage', function(e) {
             $('.popover').hide();
           });