Sigma JS - pokaż etykiety krawędzi

Question

Jak wyświetlić etykiety krawędzi w Sigma.js? Jestem świadomy show edge label in sigma.js. Ale kod nie jest jeszcze połączony z wersją trunk.

Answer 1

Jest to teraz możliwe, aby to zrobić z nowej wtyczki w repozytorium sigma: https://github.com/jacomyal/sigma.js/tree/master/plugins/sigma.renderers.edgeLabels

Wystarczy postępować zgodnie z instrukcjami, aby zbudować projekt Sigma, a znajdziesz ten plik w/build/plugins folderu: Sigma. renderers.edgeLabels.min.js

Dołącz że w pliku html:

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

upewnij się, że krawędzie mają klucz 'etykiety' zdefiniowany

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

A następnie podaj swój renderer w inicjalizacji Sigma.

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