如何在Sigma.js Graph上绘制边缘标签

How to draw edge label on Sigma.js Graph

本文关键字:绘制 边缘 标签 Graph js Sigma      更新时间:2023-09-26

我正在使用SIGMA.JS库创建图。它正在绘制中,但我无法在图形上绘制边缘标签。我遵循并尝试使用Github库,如下线程所述:

在sigma.js 中显示边缘标签

但由于没有详细说明,我无法解决我的问题。

我在JSON中使用以下示例数据。

{"边缘":[{"源":"19","target":"3","id":"abc"}],

"节点":[{"标签":"a1","x":-158,"y":-171,"id":"19","color":"rgb(49230186)","大小":15},

{"标签":"b1","x":112,"y":-98,"id":"3","color":"rgb(138136,89)","大小":19}]};

我如何使用SIGMA.JS获得这个边缘标签。它是作为默认功能提供的吗?如果没有,我可以采取哪些步骤来获得相同的结果。如果需要,欢迎对图形的替代JS库提出建议。

您可以使用此插件https://github.com/jacomyal/sigma.js/tree/master/plugins/sigma.renderers.edgeLabels.

有足够的信息来绘制标签。

重要提示:将类型设置为渲染器的"画布"

将"label"键添加到每个边缘对象。