Добавьте пользовательский атрибут к точечному краю SVG, используя jQuery

Question

Я работаю над созданием интерактивных графиков.До сих пор я начал с точечного графа, из которого я генерирую SVG.

Я бы хотел добавить пользовательские классы к краю, чтобы мне было проще динамически добавлять некоторую информацию с помощью скрипта.

Пока что я только нашел способ добавить пользовательский идентификатор.Есть ли способ добавить также собственный класс?

На самом деле, поскольку я собираюсь использовать jQuery для выбора атрибутов, было бы достаточно, чтобы иметь возможность добавить пользовательский атрибут к элементу edge.

Answer 1

Руководство по точкам рекомендует использовать поле комментария для пользовательских данных. В качестве альтернативы вы можете использовать поле URL.

Answer 2

Да, класс = "" - правильный ответ.Поле комментария неверно.

В следующем примере вы можете увидеть, как определить класс для ребра (foo), для узла (стержня) или даже для подграфа (вложенного элемента управления).И это идет еще лучше.Каждый тип сущности также является классом, так что вы можете, например, скрыть все кластеры или все ребра.

digraph simple {
    c [class="bar"]

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

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

Answer 3

Вы можете просто указать атрибут класса.Например,

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