Sigma JS - mostra le etichette sui bordi

Question

Come possiamo mostrare le etichette dei bordi su Sigma.js? Sono a conoscenza di show edge label in sigma.js. Ma il codice non è ancora unito alla versione trunk.

Answer 1

E 'ora possibile fare questo con un nuovo plugin nel repository di sigma: https://github.com/jacomyal/sigma.js/tree/master/plugins/sigma.renderers.edgeLabels

basta seguire le istruzioni per costruire il progetto Sigma e troverete questo file nella/build/plugins cartella: Sigma. renderers.edgeLabels.min.js

includere quello nel file HTML:

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

assicurarsi che il proprio bordi hanno una chiave 'label' definito

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

E quindi specificare il proprio riproduttore nell'inizializzazione Sigma.

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