☰

sigma.js の有向エッジ - 最小限の例 質問する

tag-icon • tag-icon javascript sigma.js
sigma.js の有向エッジ - 最小限の例 質問する

質問

有向エッジを生成するために必要なものシグマ? 私は、できれば現在公開されている最小限の例に基づいた最小限の例を探しています。ホームページ。

試み

私は、sigma.js ホームページ次のように

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

残念ながら、これによって異なる結果は得られませんでした。

グラフ自体のエッジも変更してみました

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

しかし、これもまた効果がありませんでした。

より複雑な例

エッジ矢印のレンダリングが追加されましたこのプルリクエスト. これはいくつかの例へのリンクですここそしてここ

ベストアンサー1

私自身もこの問題に悩まされています。sigma.js はここ数か月で大幅に再設計されたようで、例のコードは sigma.js の古いバージョンのものになっています。

矢印をレンダリングする機能はありますが、矢印を生成するための設定が変更され、一部のオプションが失われました (ターゲット、ソース、またはその両方を指定できなくなり、ターゲットのみを使用できます)。

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

「curvedArrow」も type の有効なオプションです。

この号のトランスクリプトをご覧ください:https://github.com/jacomyal/sigma.js/pull/219詳細については。

おすすめ記事