Sigma JS - 显示边缘标签

Question

我们如何在Sigma.js上显示边标签？ 我知道在sigma.js中显示边标签，但该代码还未与主干版本合并。

- Achow

---

https://dev59.com/nXjZa4cB1Zd3GeqPZAdO 有答案。 - Achow

重复的问题：如何在图形上显示边缘标签？（https://dev59.com/nXjZa4cB1Zd3GeqPZAdO） - TylerH

Answer 1

现在可以通过sigma存储库中的新插件实现此操作：https://github.com/jacomyal/sigma.js/tree/master/plugins/sigma.renderers.edgeLabels 只需按照说明构建Sigma项目，您将在/build/plugins文件夹中找到此文件：sigma.renderers.edgeLabels.min.js。

将其包含在您的html文件中：

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

确保你的边缘定义了一个“label”键

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

- user1000952