sigma.js - Basic SigmaJS edgeLabel example does not work (does not show labels) with build -
i trying use edgelabel plugin https://github.com/jacomyal/sigma.js/tree/master/plugins/sigma.renderers.edgelabels
here's file:
<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>
and data i'm using:
{ "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 } ] }
i tried running data in example file given here
and works!
however, when try own, similar file, not work.
the difference see here example file imports on own rather using built file. however, readme states should have import 4 files given in folder, stumped.
i not particularly eager go through each of many imported files see 1 contains thing edgelabels missing. no errors thrown in console.
Comments
Post a Comment