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: { 
    }                 
});