Thêm thuộc tính tùy chỉnh vào cạnh chấm SVG bằng cách sử dụng jQuery

Question

Tôi đang nghiên cứu tạo ra các biểu đồ tương tác. Cho đến nay, tôi đã bắt đầu với một đồ thị chấm mà tôi tạo SVG từ.

Tôi muốn thêm các lớp tùy chỉnh vào cạnh để tôi có thể tự động thêm một số thông tin bằng tập lệnh.

Cho đến nay, tôi chỉ tìm thấy cách thêm số nhận dạng tùy chỉnh. Có cách nào để thêm cũng là một lớp tùy chỉnh?

Thực ra vì tôi sẽ sử dụng jQuery để chọn thuộc tính, đủ để có thể thêm thuộc tính tùy chỉnh vào phần tử cạnh.

Answer 1

Hướng dẫn dấu chấm đề xuất sử dụng trường nhận xét cho dữ liệu tùy chỉnh. Hoặc bạn có thể sử dụng trường URL.

Answer 2

Bạn chỉ có thể chỉ định thuộc tính lớp. Ví dụ.

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

Answer 3

Có, class = "" là câu trả lời đúng. Trường nhận xét sai.

Trong ví dụ sau, bạn có thể xem cách xác định một lớp cho một cạnh (foo), cho một nút (thanh) hoặc thậm chí một biểu đồ con (sub-foobar). Và nó thậm chí còn tốt hơn nữa. Mỗi loại thực thể cũng là một lớp, vì vậy bạn có thể cho ví dụ: ẩn tất cả các cụm hoặc tất cả các cạnh.

digraph simple { 
    c [class="bar"] 

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

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