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.