arbor - node graph javascript

Bordes dirigidos en sigma.js-un ejemplo mínimo

Question

Pregunta

¿Qué es necesario para producir bordes dirigidos en sigma.js ? Estoy buscando un ejemplo mínimo que se base preferiblemente del ejemplo mínimo que se encuentra actualmente en su sigma.js .

Intentos

Intenté adaptar el ejemplo de gráfico mínimo de la sigma.js de sigma.js de la siguiente manera

 sigma.parsers.json(''data.json'', {
container: ''container'',
settings: {
defaultNodeColor: ''#ec5148'',
+ defaultEdgeArrow: ''source'' // adding this line should add arrows?
}
});

Lamentablemente esto no produjo resultados diferentes.

También intenté modificar los bordes en la gráfica misma.

"edges": [
{
"id": "e0",
"source": "n0",
"target": "n1",
+ "arrow": "source"
},
...,
]

Pero de nuevo esto no tuvo efecto.

Ejemplos más complejos

La representación de la flecha de borde se agregó en esta solicitud de extracción . Esto enlaza a un par de ejemplos here y here

Answer 1

Yo mismo he estado luchando con este problema. Parece que sigma.js sufrió un importante rediseño en los últimos meses y el código de los ejemplos es de una versión anterior de sigma.js.

Tienen la capacidad de representar flechas, pero la configuración para generarlas ha cambiado y algunas de las opciones se perdieron (ya no puede especificar el destino, la fuente o ambos; solo puede usar el objetivo):

"edges": [
{
"id": "e0",
"source": "n0",
"target": "n1",
+ "type": "arrow",
},
...,
]

"curvedArrow" también es una opción válida para el tipo.

Consulte la transcripción de este número: https://github.com/jacomyal/sigma.js/pull/219 para obtener más información.