Sigma JS - 显示边缘标签

Question

我们如何在Sigma.js上显示边缘标签？ 我知道show edge label in sigma.js。 但代码尚未与中继版本合并。

Answer 1

现在已经可以与西格玛库一个新的插件来做到这一点：https://github.com/jacomyal/sigma.js/tree/master/plugins/sigma.renderers.edgeLabels

只要按照构建六西格玛项目的说明，你会发现在/编译/ plugins文件夹中文件：西格玛。 renderers.edgeLabels.min.js

包含在HTML文件中：

<script src="sigma.min.js"></script> 
<script src="sigma.renderers.edgeLabels.min.js"></script> 

确保您的边缘定义了一个 '标签' 键

var data = { 
    // specify 'nodes' as well 
    edges: [      
     {       
      id: "e1",    
      source: "user", 
      target: "b1",   
      label: "This is the label", // <----- define 'label' key for your edges   
     }, 
    ]  
} 

然后在Sigma初始化中指定您的渲染器。

var s = new sigma({              
    graph: data,              
    renderer: {               
     container: "container",           
     type: "canvas"             
    },                 
    settings: { 
    }                 
});