Базовый пример SigmaJS edgeLabel не работает (не показывает метки) со сборкой
Я пытаюсь использовать плагин edgeLabel https://github.com/jacomyal/sigma.js/tree/master/plugins/sigma.renderers.edgeLabels
Вот мой файл:
<html>
<head>
<style type="text/css">
#container {
max-width: 400px;
height: 400px;
margin: auto;
}
</style>
</head>
<body>
<div id="container"></div>
<script src="sigma.js"></script>
<script src="sigma.parsers.json.js"></script>
<script src="sigma.renderers.edgeLabels/settings.js"></script>
<script src="sigma.renderers.edgeLabels/sigma.canvas.edges.labels.def.js"></script>
<script src="sigma.renderers.edgeLabels/sigma.canvas.edges.labels.curve.js"></script>
<script src="sigma.renderers.edgeLabels/sigma.canvas.edges.labels.curvedArrow.js"></script>
<script>
s = sigma.parsers.json('data.json', {
container: 'container',
renderer: {
type: 'canvas'
},
settings: {
defaultNodeColor: '#D3D3D3',
defaultEdgeColor: '#D3D3D3',
edgeLabelThreshold: 0,
edgeLabelSize: 'proportional'
}
});
</script>
</body>
</html>
И данные, которые я использую:
{
"nodes": [
{
"id": "n0",
"label": "Data1",
"x": 0,
"y": 0,
"size": 10
},
{
"id": "n1",
"label": "Data2",
"x": 0,
"y": 2,
"size": 10
},
{
"id": "n2",
"label": "Merged data",
"x": 2,
"y": 1,
"size": 10
},
{
"id": "n3",
"label": "Cleaned data",
"x": 3,
"y": 1,
"size": 10
}
],
"edges": [
{
"id": "e0",
"label": "merge",
"source": "n0",
"target": "n2",
"line": "arrow",
"size": 20
},
{
"id": "e1",
"label": "merge",
"source": "n1",
"target": "n2",
"line": "arrow",
"size": 20
},
{
"id": "e2",
"label": "cleanAsync",
"source": "n2",
"target": "n3",
"line": "arrow",
"size": 20
}
]
}
Я попытался запустить эти данные в файле примера, приведенного здесь
И это работает!
Однако, когда я пытаюсь сделать это с моим собственным, очень похожим файлом, он не работает.
Единственное отличие, которое я вижу здесь, заключается в том, что файл примера импортирует все самостоятельно, а не с использованием встроенного файла. Однако README заявляет, что вам нужно импортировать только 4 файла, указанные в папке, поэтому я в замешательстве.
Я не особенно хочу просмотреть каждый из множества импортированных файлов, чтобы увидеть, какой из них содержит то, чего не хватает в edgeLabels. В консоли нет ошибок.