Aggiungi attributo personalizzato a un punto bordo SVG utilizzando jQuery

Question

Sto lavorando alla generazione di grafici interattivi. Finora, ho iniziato con un punto grafico da cui generare SVG.

Vorrei aggiungere classi personalizzate al bordo in modo che sarebbe più facile per me aggiungere dinamicamente alcune informazioni con uno script.

Finora, ho trovato solo un modo per aggiungere un identificativo personalizzato. C'è un modo per aggiungere anche una classe personalizzata?

In realtà, poiché userò jQuery per selezionare gli attributi, sarebbe sufficiente poter aggiungere un attributo personalizzato all'elemento edge.

Answer 1

La guida punto consiglia di utilizzare il campo di commento per i dati personalizzati. In alternativa puoi usare il campo URL.

Answer 2

Si può semplicemente specificare l'attributo di classe. Per esempio.

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

Answer 3

Sì, class = "" è la risposta corretta. Il campo dei commenti è sbagliato.

Nell'esempio seguente è possibile vedere come definire una classe per un bordo (foo), per un nodo (barra) o anche un sottografo (sub-foobar). E va ancora meglio. Ogni tipo di entità è anche una classe, quindi puoi, ad es. nascondi tutto il cluster o tutti i bordi.

digraph simple { 
    c [class="bar"] 

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

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