Sigma JS - Edge Labels anzeigen

Question

Wie können wir Edge Labels auf Sigma.js anzeigen? Ich bin bewusst, show edge label in sigma.js. Aber der Code ist noch nicht mit der Trunk-Version zusammengeführt.

Answer 1

Es ist nun möglich, dies mit einem neuen Plugin im Sigma-Repository zu tun: https://github.com/jacomyal/sigma.js/tree/master/plugins/sigma.renderers.edgeLabels

Folgen Sie einfach den Anweisungen, um das Sigma-Projekt zu erstellen, und Sie werden diese Datei im Verzeichnis/build/plugins Ordner: Sigma. renderers.edgeLabels.min.js

enthalten, die in der hTML-Datei:

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

Stellen Sie sicher, Ihre Kanten haben eine 'label' Schlüssel definiert

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

Und dann geben Sie Ihren Renderer in der Sigma-Initialisierung.

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