jQueryを使用してドットのSVGエッジにカスタム属性を追加

Question

私はインタラクティブグラフの生成に取り組んでいます。これまではSVGを生成する点グラフから始めました。

カスタムクラスをエッジに追加して、スクリプトで情報を動的に追加する方が簡単になるようにしたいと思います。

これまでのところ、カスタム識別子を追加する方法しか見つかっていません。カスタムクラスを追加する方法はありますか？

実際にjQueryを使用して属性を選択するので、カスタム属性をエッジ要素に追加するだけで十分です。

Answer 1

ドットガイドでは、カスタムデータにコメントフィールドを使用することを推奨しています。代わりに、URLフィールドを使用することもできます。

Answer 2

クラス属性を指定することができます。例えば。

digraph ab { 
    a -> b [class="foo"] 
} 

Answer 3

はい、class = ""が正しい答えです。コメント欄が間違っています。

次の例では、エッジ（foo）、ノード（bar）、またはサブグラフ（sub-foobar）のクラスを定義する方法を確認できます。そしてそれはさらに良くなります。すべてのエンティティタイプもクラスであるため、たとえばすべてのクラスタまたはすべてのエッジを非表示にします。

digraph simple { 
    c [class="bar"] 

    a -> b [class="foo"] 
    c -> b 

    subgraph cluster_0 { 
     class="sub-foobar"; 
      d 
      e   
    } 
}